Bootstrap 5 Colors

Cyan 100

#CFF4FC

CSS Values

CSS Variable--bs-cyan-100

HEX#CFF4FC

RGBrgb(207, 244, 252)

HSLhsl(191, 88%, 90%)

HSL (modern)hsl(191deg 88% 90%)

OKLCHoklch(94.3% 0.0398 212deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 1.17:1AA: FailAAA: FailAA Large: Fail

AaText on black

Ratio: 18:1AA: PassAAA: PassAA Large: Pass

Other cyan shades

Cyan 200 Cyan 300 Cyan 400 Cyan 500 Cyan 600 Cyan 700 Cyan 800 Cyan 900

Nearest Named Colors

Radix Colors

sky-4#D1F0FA

Open Color

cyan-1#C5F6FA

Tailwind CSS

cyan-100#CFFAFE

Material Design

light-blue-50#E1F5FE

Ant Design

blue-1#E6F4FF

CSS Named

lightcyan#E0FFFF

iOS HIG

secondary-system-fill#EAEAED

Crayola

white#EDEDED

Munsell

N-9#E5E5E5

RAL Classic

9003#F4F4F4