Look Awesome

investigations

#ca5551 oklch(0.60 0.150 25)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ca5551` Copy	`oklch(0.60 0.150 25)` Copy	4.26:1 AA-lg	4.93:1 AA
95	`#ffeeec` Copy	`oklch(0.96 0.019 25)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdeda` Copy	`oklch(0.93 0.038 25)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffb7b1` Copy	`oklch(0.85 0.084 25)` Copy	1.65:1 fail	12.7:1 AAA
70	`#fe8f88` Copy	`oklch(0.77 0.135 25)` Copy	2.21:1 fail	9.5:1 AAA
60	`#e9706b` Copy	`oklch(0.69 0.150 25)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#c44f4c` Copy	`oklch(0.58 0.150 25)` Copy	4.59:1 AA	4.58:1 AA
40	`#a23030` Copy	`oklch(0.48 0.150 25)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#842022` Copy	`oklch(0.41 0.135 25)` Copy	9.5:1 AAA	2.21:1 fail
20	`#641416` Copy	`oklch(0.33 0.113 25)` Copy	12.7:1 AAA	1.65:1 fail
10	`#3f090a` Copy	`oklch(0.24 0.083 25)` Copy	16.7:1 AAA	1.26:1 fail
05	`#290606` Copy	`oklch(0.19 0.060 25)` Copy	18.7:1 AAA	1.12:1 fail

trendline

#c3611a oklch(0.60 0.147 50)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c3611a` Copy	`oklch(0.60 0.147 50)` Copy	4.16:1 AA-lg	5.05:1 AA
95	`#ffefe6` Copy	`oklch(0.96 0.022 50)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdfcd` Copy	`oklch(0.93 0.043 50)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffba93` Copy	`oklch(0.84 0.096 50)` Copy	1.65:1 fail	12.7:1 AAA
70	`#f49861` Copy	`oklch(0.76 0.132 50)` Copy	2.21:1 fail	9.5:1 AAA
60	`#df7a3a` Copy	`oklch(0.68 0.147 50)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#bb5a0d` Copy	`oklch(0.58 0.147 50)` Copy	4.59:1 AA	4.58:1 AA
40	`#914200` Copy	`oklch(0.48 0.125 50)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#733300` Copy	`oklch(0.40 0.106 50)` Copy	9.5:1 AAA	2.21:1 fail
20	`#562400` Copy	`oklch(0.33 0.086 50)` Copy	12.7:1 AAA	1.65:1 fail
10	`#361400` Copy	`oklch(0.24 0.064 50)` Copy	16.7:1 AAA	1.26:1 fail
05	`#240b00` Copy	`oklch(0.19 0.050 50)` Copy	18.7:1 AAA	1.12:1 fail

diagnosis

#a9741b oklch(0.60 0.118 74)

Step	Hex	OKLCH	vs White	vs Black
Base	`#a9741b` Copy	`oklch(0.60 0.118 74)` Copy	4.04:1 AA-lg	5.2:1 AA
95	`#fff0db` Copy	`oklch(0.96 0.032 74)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffe1b9` Copy	`oklch(0.92 0.062 74)` Copy	1.26:1 fail	16.7:1 AAA
80	`#edc289` Copy	`oklch(0.84 0.088 74)` Copy	1.65:1 fail	12.7:1 AAA
70	`#d8a65f` Copy	`oklch(0.76 0.106 74)` Copy	2.21:1 fail	9.5:1 AAA
60	`#c18b38` Copy	`oklch(0.67 0.118 74)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#9f6b09` Copy	`oklch(0.57 0.118 74)` Copy	4.59:1 AA	4.58:1 AA
40	`#7b5100` Copy	`oklch(0.47 0.099 74)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#613f00` Copy	`oklch(0.40 0.084 74)` Copy	9.5:1 AAA	2.21:1 fail
20	`#482d00` Copy	`oklch(0.32 0.068 74)` Copy	12.7:1 AAA	1.65:1 fail
10	`#2c1a00` Copy	`oklch(0.24 0.050 74)` Copy	16.7:1 AAA	1.26:1 fail
05	`#1d0f00` Copy	`oklch(0.18 0.040 74)` Copy	18.7:1 AAA	1.12:1 fail

med/pres/evid

#3a9742 oklch(0.60 0.151 145)

Step	Hex	OKLCH	vs White	vs Black
Base	`#3a9742` Copy	`oklch(0.60 0.151 145)` Copy	3.69:1 AA-lg	5.69:1 AA
95	`#d8fbd7` Copy	`oklch(0.95 0.060 145)` Copy	1.12:1 fail	18.7:1 AAA
90	`#c1f2c1` Copy	`oklch(0.91 0.083 145)` Copy	1.26:1 fail	16.7:1 AAA
80	`#96d998` Copy	`oklch(0.82 0.113 145)` Copy	1.65:1 fail	12.7:1 AAA
70	`#70c073` Copy	`oklch(0.74 0.136 145)` Copy	2.21:1 fail	9.5:1 AAA
60	`#4ca852` Copy	`oklch(0.65 0.151 145)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#278732` Copy	`oklch(0.55 0.151 145)` Copy	4.59:1 AA	4.58:1 AA
40	`#006817` Copy	`oklch(0.45 0.142 145)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#005210` Copy	`oklch(0.38 0.120 145)` Copy	9.5:1 AAA	2.21:1 fail
20	`#003c09` Copy	`oklch(0.31 0.098 145)` Copy	12.7:1 AAA	1.65:1 fail
10	`#002404` Copy	`oklch(0.23 0.072 145)` Copy	16.7:1 AAA	1.26:1 fail
05	`#001702` Copy	`oklch(0.18 0.057 145)` Copy	18.7:1 AAA	1.12:1 fail

vaccines

#209292 oklch(0.60 0.095 195)

Step	Hex	OKLCH	vs White	vs Black
Base	`#209292` Copy	`oklch(0.60 0.095 195)` Copy	3.76:1 AA-lg	5.59:1 AA
95	`#d4f9f8` Copy	`oklch(0.96 0.038 195)` Copy	1.12:1 fail	18.7:1 AAA
90	`#bcefee` Copy	`oklch(0.92 0.052 195)` Copy	1.26:1 fail	16.7:1 AAA
80	`#8ed6d5` Copy	`oklch(0.83 0.072 195)` Copy	1.65:1 fail	12.7:1 AAA
70	`#63bdbc` Copy	`oklch(0.74 0.086 195)` Copy	2.21:1 fail	9.5:1 AAA
60	`#39a4a4` Copy	`oklch(0.66 0.095 195)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#008383` Copy	`oklch(0.55 0.094 195)` Copy	4.59:1 AA	4.58:1 AA
40	`#006464` Copy	`oklch(0.46 0.078 195)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#004e4e` Copy	`oklch(0.38 0.066 195)` Copy	9.5:1 AAA	2.21:1 fail
20	`#003939` Copy	`oklch(0.31 0.054 195)` Copy	12.7:1 AAA	1.65:1 fail
10	`#002222` Copy	`oklch(0.23 0.040 195)` Copy	16.7:1 AAA	1.26:1 fail
05	`#001616` Copy	`oklch(0.18 0.031 195)` Copy	18.7:1 AAA	1.12:1 fail

scheduler

#1f8abc oklch(0.60 0.118 235)

Step	Hex	OKLCH	vs White	vs Black
Base	`#1f8abc` Copy	`oklch(0.60 0.118 235)` Copy	3.87:1 AA-lg	5.42:1 AA
95	`#e3f4ff` Copy	`oklch(0.96 0.024 235)` Copy	1.12:1 fail	18.7:1 AAA
90	`#c8eaff` Copy	`oklch(0.92 0.046 235)` Copy	1.26:1 fail	16.7:1 AAA
80	`#8ed2fa` Copy	`oklch(0.83 0.089 235)` Copy	1.65:1 fail	12.7:1 AAA
70	`#63b8e6` Copy	`oklch(0.75 0.106 235)` Copy	2.21:1 fail	9.5:1 AAA
60	`#3a9ed1` Copy	`oklch(0.66 0.118 235)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#027eaf` Copy	`oklch(0.56 0.118 235)` Copy	4.59:1 AA	4.58:1 AA
40	`#005f86` Copy	`oklch(0.46 0.098 235)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#004b6a` Copy	`oklch(0.39 0.083 235)` Copy	9.5:1 AAA	2.21:1 fail
20	`#00374f` Copy	`oklch(0.32 0.067 235)` Copy	12.7:1 AAA	1.65:1 fail
10	`#002131` Copy	`oklch(0.23 0.050 235)` Copy	16.7:1 AAA	1.26:1 fail
05	`#001421` Copy	`oklch(0.18 0.039 235)` Copy	18.7:1 AAA	1.12:1 fail

claim billing

#537bd9 oklch(0.60 0.150 265)

Step	Hex	OKLCH	vs White	vs Black
Base	`#537bd9` Copy	`oklch(0.60 0.150 265)` Copy	4.04:1 AA-lg	5.2:1 AA
95	`#ecf2ff` Copy	`oklch(0.96 0.019 265)` Copy	1.12:1 fail	18.7:1 AAA
90	`#d9e6ff` Copy	`oklch(0.92 0.037 265)` Copy	1.26:1 fail	16.7:1 AAA
80	`#b0caff` Copy	`oklch(0.84 0.081 265)` Copy	1.65:1 fail	12.7:1 AAA
70	`#88adff` Copy	`oklch(0.76 0.126 265)` Copy	2.21:1 fail	9.5:1 AAA
60	`#6892f2` Copy	`oklch(0.67 0.150 265)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#4a72cf` Copy	`oklch(0.57 0.150 265)` Copy	4.59:1 AA	4.58:1 AA
40	`#3054ae` Copy	`oklch(0.47 0.150 265)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#22418f` Copy	`oklch(0.40 0.135 265)` Copy	9.5:1 AAA	2.21:1 fail
20	`#172e6d` Copy	`oklch(0.32 0.113 265)` Copy	12.7:1 AAA	1.65:1 fail
10	`#0b1b45` Copy	`oklch(0.24 0.083 265)` Copy	16.7:1 AAA	1.26:1 fail
05	`#06112d` Copy	`oklch(0.19 0.060 265)` Copy	18.7:1 AAA	1.12:1 fail

kiosk

#8f68cb oklch(0.60 0.149 300)

Step	Hex	OKLCH	vs White	vs Black
Base	`#8f68cb` Copy	`oklch(0.60 0.149 300)` Copy	4.19:1 AA-lg	5.01:1 AA
95	`#f4efff` Copy	`oklch(0.96 0.022 300)` Copy	1.12:1 fail	18.7:1 AAA
90	`#eae1ff` Copy	`oklch(0.93 0.042 300)` Copy	1.26:1 fail	16.7:1 AAA
80	`#d5bfff` Copy	`oklch(0.84 0.091 300)` Copy	1.65:1 fail	12.7:1 AAA
70	`#c09efb` Copy	`oklch(0.76 0.134 300)` Copy	2.21:1 fail	9.5:1 AAA
60	`#a882e7` Copy	`oklch(0.68 0.149 300)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#8961c4` Copy	`oklch(0.58 0.149 300)` Copy	4.59:1 AA	4.58:1 AA
40	`#6c44a4` Copy	`oklch(0.48 0.149 300)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#563386` Copy	`oklch(0.41 0.134 300)` Copy	9.5:1 AAA	2.21:1 fail
20	`#402366` Copy	`oklch(0.33 0.112 300)` Copy	12.7:1 AAA	1.65:1 fail
10	`#271440` Copy	`oklch(0.24 0.082 300)` Copy	16.7:1 AAA	1.26:1 fail
05	`#180c2a` Copy	`oklch(0.19 0.060 300)` Copy	18.7:1 AAA	1.12:1 fail

clinic note

#ac5db1 oklch(0.60 0.150 325)

Step	Hex	OKLCH	vs White	vs Black
Base	`#ac5db1` Copy	`oklch(0.60 0.150 325)` Copy	4.24:1 AA-lg	4.95:1 AA
95	`#ffecff` Copy	`oklch(0.96 0.032 325)` Copy	1.12:1 fail	18.7:1 AAA
90	`#fedaff` Copy	`oklch(0.93 0.062 325)` Copy	1.26:1 fail	16.7:1 AAA
80	`#f3b4f6` Copy	`oklch(0.85 0.112 325)` Copy	1.65:1 fail	12.7:1 AAA
70	`#df95e3` Copy	`oklch(0.77 0.135 325)` Copy	2.21:1 fail	9.5:1 AAA
60	`#c877cd` Copy	`oklch(0.69 0.150 325)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#a657ab` Copy	`oklch(0.58 0.150 325)` Copy	4.59:1 AA	4.58:1 AA
40	`#873a8c` Copy	`oklch(0.48 0.150 325)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#6d2971` Copy	`oklch(0.41 0.135 325)` Copy	9.5:1 AAA	2.21:1 fail
20	`#521c55` Copy	`oklch(0.33 0.112 325)` Copy	12.7:1 AAA	1.65:1 fail
10	`#330e35` Copy	`oklch(0.24 0.082 325)` Copy	16.7:1 AAA	1.26:1 fail
05	`#210822` Copy	`oklch(0.19 0.060 325)` Copy	18.7:1 AAA	1.12:1 fail

data

#c25485 oklch(0.60 0.150 355)

Step	Hex	OKLCH	vs White	vs Black
Base	`#c25485` Copy	`oklch(0.60 0.150 355)` Copy	4.29:1 AA-lg	4.9:1 AA
95	`#ffedf3` Copy	`oklch(0.96 0.021 355)` Copy	1.12:1 fail	18.7:1 AAA
90	`#ffdce9` Copy	`oklch(0.93 0.042 355)` Copy	1.26:1 fail	16.7:1 AAA
80	`#ffb4d1` Copy	`oklch(0.85 0.094 355)` Copy	1.65:1 fail	12.7:1 AAA
70	`#f68eb9` Copy	`oklch(0.77 0.135 355)` Copy	2.21:1 fail	9.5:1 AAA
60	`#e170a0` Copy	`oklch(0.69 0.150 355)` Copy	3.0:1 AA-lg	7.0:1 AAA
50	`#bc4f80` Copy	`oklch(0.58 0.150 355)` Copy	4.59:1 AA	4.58:1 AA
40	`#9b3063` Copy	`oklch(0.48 0.150 355)` Copy	7.0:1 AAA	3.0:1 AA-lg
30	`#7e204e` Copy	`oklch(0.41 0.135 355)` Copy	9.5:1 AAA	2.21:1 fail
20	`#5f153a` Copy	`oklch(0.34 0.112 355)` Copy	12.7:1 AAA	1.65:1 fail
10	`#3c0923` Copy	`oklch(0.24 0.082 355)` Copy	16.7:1 AAA	1.26:1 fail
05	`#270615` Copy	`oklch(0.19 0.060 355)` Copy	18.7:1 AAA	1.12:1 fail

Component Preview

Named Buttons

data

investigations

trendline

diagnosis

med/pres/evid

vaccines

scheduler

claim billing

kiosk

clinic note

Named Badges

data

investigations

trendline

diagnosis

med/pres/evid

vaccines

scheduler

claim billing

kiosk

clinic note

← Key

Key →

investigations

Unassigned

trendline

Unassigned

diagnosis

Unassigned

med/pres/evid

Unassigned

vaccines

Unassigned

scheduler

Unassigned

claim billing

Unassigned

kiosk

Unassigned

clinic note

Unassigned

data

Unassigned