Preview

#2a6db6

oklch(0.530 0.133 253.3)

Contrast Check

Aa

Sample text

Contrast Ratio5.30:1
AA PassAA 大 PassAAA FailAAA 大 Pass

Aa

Sample text

Contrast Ratio5.30:1
AA PassAA 大 PassAAA FailAAA 大 Pass
Color Scale

Light

50oklch(0.970 0.014 251.3)#eff6fe
100oklch(0.930 0.033 251.6)#d8eafe
200oklch(0.878 0.061 251.9)#badaff
300oklch(0.805 0.101 252.3)#8fc4ff
400oklch(0.699 0.138 252.6)#5aa1f1
500oklch(0.603 0.138 252.9)#3d83d1
600oklch(0.530 0.133 253.3)#2a6db6
700oklch(0.473 0.133 253.5)#175ca4
800oklch(0.409 0.125 253.8)#054a8b
900oklch(0.375 0.114 254.0)#07407b
950oklch(0.278 0.087 254.3)#022851

Dark

50oklch(0.278 0.087 254.3)#022851
100oklch(0.375 0.114 254.0)#07407b
200oklch(0.409 0.125 253.8)#054a8b
300oklch(0.473 0.133 253.5)#175ca4
400oklch(0.530 0.133 253.3)#2a6db6
500oklch(0.603 0.138 252.9)#3d83d1
600oklch(0.699 0.138 252.6)#5aa1f1
700oklch(0.805 0.101 252.3)#8fc4ff
800oklch(0.878 0.061 251.9)#badaff
900oklch(0.930 0.033 251.6)#d8eafe
950oklch(0.970 0.014 251.3)#eff6fe
UI Sample
Monthly ReportLive

¥1,248,000

vs last month +12.5%

i
NoticeA new update is available.
Email address
example@email.com
Dashboard→
Projects→
Settings→
Monthly ReportLive

¥1,248,000

vs last month +12.5%

i
NoticeA new update is available.
Email address
example@email.com
Dashboard→
Projects→
Settings→