Look Awesome

BrandCabMD Blue

#00a1fe oklch(0.69 0.175 246)

Step	Hex	OKLCH	vs White	vs Black
Base	`#00a1fe` Copy	`oklch(0.69 0.175 246)` Copy	2.79:1 fail	7.53:1 AAA
95	`#e7f3ff` Copy	`oklch(0.96 0.021 246)` Copy	1.12:1 fail	18.7:1 AAA
90	`#cfe8ff` Copy	`oklch(0.92 0.041 246)` Copy	1.26:1 fail	16.7:1 AAA
80	`#98cfff` Copy	`oklch(0.83 0.089 246)` Copy	1.65:1 fail	12.7:1 AAA
70	`#5ab5ff` Copy	`oklch(0.75 0.138 246)` Copy	2.21:1 fail	9.5:1 AAA
60	`#009bf5` Copy	`oklch(0.67 0.170 246)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#007ac3` Copy	`oklch(0.56 0.143 246)` Copy	4.59:1 AA	4.58:1 AA
40	`#005d96` Copy	`oklch(0.46 0.118 246)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#004977` Copy	`oklch(0.39 0.100 246)` Copy	9.5:1 AAA	2.21:1 fail
20	`#003559` Copy	`oklch(0.32 0.081 246)` Copy	12.7:1 AAA	1.65:1 fail
10	`#001f38` Copy	`oklch(0.23 0.060 246)` Copy	16.7:1 AAA	1.26:1 fail
05	`#001325` Copy	`oklch(0.18 0.047 246)` Copy	18.7:1 AAA	1.12:1 fail

Accent

#ff934d oklch(0.77 0.155 51)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ff934d` Copy	`oklch(0.77 0.155 51)` Copy	2.2:1 fail	9.53:1 AAA
95	`#ffefe5` Copy	`oklch(0.96 0.022 51)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdfcd` Copy	`oklch(0.93 0.043 51)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffba92` Copy	`oklch(0.84 0.097 51)` Copy	1.65:1 fail	12.7:1 AAA
70	`#f7965a` Copy	`oklch(0.76 0.139 51)` Copy	2.21:1 fail	9.5:1 AAA
60	`#e2792f` Copy	`oklch(0.68 0.155 51)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#bc5900` Copy	`oklch(0.58 0.150 51)` Copy	4.59:1 AA	4.58:1 AA
40	`#904300` Copy	`oklch(0.48 0.123 51)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#733400` Copy	`oklch(0.40 0.104 51)` Copy	9.5:1 AAA	2.21:1 fail
20	`#552500` Copy	`oklch(0.33 0.085 51)` Copy	12.7:1 AAA	1.65:1 fail
10	`#361400` Copy	`oklch(0.24 0.063 51)` Copy	16.7:1 AAA	1.26:1 fail
05	`#240b00` Copy	`oklch(0.19 0.050 51)` Copy	18.7:1 AAA	1.12:1 fail

Neutral `0.02` Caps OKLCH Chroma (Saturation). Lower = Grayer.

#c3cfda oklch(0.85 0.020 246)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c3cfda` Copy	`oklch(0.85 0.020 246)` Copy	1.58:1 fail	13.26:1 AAA
95	`#edf2f7` Copy	`oklch(0.96 0.008 246)` Copy	1.12:1 fail	18.7:1 AAA
90	`#dfe6ec` Copy	`oklch(0.92 0.011 246)` Copy	1.26:1 fail	16.7:1 AAA
80	`#c1cad3` Copy	`oklch(0.84 0.015 246)` Copy	1.65:1 fail	12.7:1 AAA
70	`#a5b0b9` Copy	`oklch(0.75 0.018 246)` Copy	2.21:1 fail	9.5:1 AAA
60	`#8b96a1` Copy	`oklch(0.67 0.020 246)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#6c7781` Copy	`oklch(0.56 0.020 246)` Copy	4.59:1 AA	4.58:1 AA
40	`#505a64` Copy	`oklch(0.46 0.020 246)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#3e474f` Copy	`oklch(0.39 0.018 246)` Copy	9.5:1 AAA	2.21:1 fail
20	`#2c343a` Copy	`oklch(0.32 0.015 246)` Copy	12.7:1 AAA	1.65:1 fail
10	`#1a1e23` Copy	`oklch(0.23 0.011 246)` Copy	16.7:1 AAA	1.26:1 fail
05	`#0f1316` Copy	`oklch(0.18 0.008 246)` Copy	18.7:1 AAA	1.12:1 fail

Success

#00d299 oklch(0.77 0.161 165)

Step	Hex	OKLCH	vs White	vs Black
Base	`#00d299` Copy	`oklch(0.77 0.161 165)` Copy	1.97:1 fail	10.68:1 AAA
95	`#c8fee5` Copy	`oklch(0.95 0.064 165)` Copy	1.12:1 fail	18.7:1 AAA
90	`#a9f5d3` Copy	`oklch(0.91 0.088 165)` Copy	1.26:1 fail	16.7:1 AAA
80	`#70ddb1` Copy	`oklch(0.82 0.121 165)` Copy	1.65:1 fail	12.7:1 AAA
70	`#2ac592` Copy	`oklch(0.73 0.145 165)` Copy	2.21:1 fail	9.5:1 AAA
60	`#00aa7b` Copy	`oklch(0.65 0.137 165)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#008660` Copy	`oklch(0.55 0.116 165)` Copy	4.59:1 AA	4.58:1 AA
40	`#006649` Copy	`oklch(0.45 0.095 165)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#005038` Copy	`oklch(0.38 0.080 165)` Copy	9.5:1 AAA	2.21:1 fail
20	`#003b28` Copy	`oklch(0.31 0.066 165)` Copy	12.7:1 AAA	1.65:1 fail
10	`#002317` Copy	`oklch(0.23 0.048 165)` Copy	16.7:1 AAA	1.26:1 fail
05	`#00160d` Copy	`oklch(0.18 0.038 165)` Copy	18.7:1 AAA	1.12:1 fail

Warning

#fdc000 oklch(0.84 0.172 85)

Step	Hex	OKLCH	vs White	vs Black
Base	`#fdc000` Copy	`oklch(0.84 0.172 85)` Copy	1.65:1 fail	12.72:1 AAA
95	`#fff0d2` Copy	`oklch(0.96 0.043 85)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffe2a5` Copy	`oklch(0.92 0.084 85)` Copy	1.26:1 fail	16.7:1 AAA
80	`#f0c35e` Copy	`oklch(0.84 0.129 85)` Copy	1.65:1 fail	12.7:1 AAA
70	`#dca600` Copy	`oklch(0.76 0.155 85)` Copy	2.21:1 fail	9.5:1 AAA
60	`#bc8e00` Copy	`oklch(0.67 0.138 85)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#957000` Copy	`oklch(0.57 0.116 85)` Copy	4.59:1 AA	4.58:1 AA
40	`#725500` Copy	`oklch(0.47 0.096 85)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#5a4200` Copy	`oklch(0.39 0.081 85)` Copy	9.5:1 AAA	2.21:1 fail
20	`#423000` Copy	`oklch(0.32 0.066 85)` Copy	12.7:1 AAA	1.65:1 fail
10	`#281c00` Copy	`oklch(0.24 0.049 85)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1a1100` Copy	`oklch(0.18 0.038 85)` Copy	18.7:1 AAA	1.12:1 fail

Danger

#f26477 oklch(0.69 0.175 15)

Step	Hex	OKLCH	vs White	vs Black
Base	`#f26477` Copy	`oklch(0.69 0.175 15)` Copy	3.06:1 AA-lg	6.86:1 AA
95	`#ffeeee` Copy	`oklch(0.96 0.019 15)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdddf` Copy	`oklch(0.93 0.038 15)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffb6bb` Copy	`oklch(0.85 0.085 15)` Copy	1.65:1 fail	12.7:1 AAA
70	`#ff8d98` Copy	`oklch(0.77 0.138 15)` Copy	2.21:1 fail	9.5:1 AAA
60	`#f46678` Copy	`oklch(0.69 0.175 15)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#ce435a` Copy	`oklch(0.59 0.175 15)` Copy	4.59:1 AA	4.58:1 AA
40	`#ab1e3e` Copy	`oklch(0.49 0.175 15)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#8c0c2e` Copy	`oklch(0.41 0.157 15)` Copy	9.5:1 AAA	2.21:1 fail
20	`#6a0420` Copy	`oklch(0.34 0.131 15)` Copy	12.7:1 AAA	1.65:1 fail
10	`#440111` Copy	`oklch(0.25 0.096 15)` Copy	16.7:1 AAA	1.26:1 fail
05	`#2c020a` Copy	`oklch(0.19 0.070 15)` Copy	18.7:1 AAA	1.12:1 fail

Component Preview

Buttons

Brand

Accent

Neutral

Success

Warning

Danger

Named Buttons

CabMD Blue

Callouts

Saved successfully

Unsaved changes

Cannot delete brand

Badges

Brand

Accent

Neutral

Success

Warning

Danger

Named Badges

CabMD Blue

Progress & Controls

Notifications

← Key

Key →

Brand · CabMD Blue

Brand

Accent

Accent

Neutral · 0.02 Caps OKLCH Chroma (Saturation). Lower = Grayer.

Neutral

Success

Success

Warning

Warning

Danger

Danger

BrandCabMD Blue

Neutral `0.02` Caps OKLCH Chroma (Saturation). Lower = Grayer.