#90C1D3#90C1D3

#90C1D3 is a light, muted cyan. Relative luminance 0.488; OKLCH L 78.3% C 0.057 H 222.6°. Best body text is #000000 at 10.75:1 contrast (WCAG AA passes).

Color values

HEX#90C1D3
RGBrgb(144, 193, 211)
HSLhsl(196, 43%, 70%)
HSVhsv(196, 32%, 83%)
CMYKcmyk(31.8%, 8.5%, 0%, 17.3%)
CIE-LABlab(75.31, -11.75, -14.19)
CIE-LCHlch(75.31, 18.43, 230.38°)
OKLaboklab(78.25% -0.0423 -0.0388)
OKLCHoklch(78.25% 0.057 222.6)
XYZxyz(42.3257, 48.7702, 68.7988)
Luminance0.4877 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#90C1D3 #D3A290
analogous
#90D3C3 #90C1D3 #90A0D3
triadic
#90C1D3 #D390C1 #C1D390
tetradic
#90C1D3 #C390D3 #D3A290 #A0D390
square
#90C1D3 #C390D3 #D3A290 #A0D390
split-complementary
#90C1D3 #D390A0 #D3C390
monochromatic
#428CA7 #64A9C2 #90C1D3 #BCD9E4 #E8F2F6

Accessibility & contrast

On white

1.95
#90C1D3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.75
#90C1D3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #90C1D3
10.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##90C1D3#FFFFFF#000000##000000
##90C1D31.001.9510.7510.75
#FFFFFF1.951.0021.0021.00
#00000010.7521.001.001.00
##00000010.7521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6BED4
Deuteranopia (green-blind)
#ACB6D3
Tritanopia (blue-blind)
#79C7C7
Achromatopsia (no color)
#B9B9B9

Design tokens & code

CSS
--color: #90c1d3;
/* rgb */ color: rgb(144, 193, 211);
/* oklch */ color: oklch(78.3% 0.057 222.6);
Tailwind
colors: {
  custom: {
    50: '#b2d3e0',
    500: '#90c1d3',
    950: '#000000',
  },
}
SCSS
$custom: #90c1d3;
$custom-light: #b2d3e0;
$custom-dark: #000000;
JSON
{
  "hex": "#90c1d3",
  "rgb": {
    "r": 144,
    "g": 193,
    "b": 211
  },
  "hsl": {
    "h": 196.119,
    "s": 43.226,
    "l": 69.608
  },
  "oklch": {
    "l": 0.78253,
    "c": 0.05739,
    "h": 222.6
  },
  "luminance": 0.48772
}

Semantic roles & 50–950 ramp

primary
#90C1D3
secondary
#E9DBD6
accent
#532FB6
background
#FBFCFD
surface
#F6F9FB
border
#D0D2D4
text
#111415
muted
#808283

Preview Lab

Preview with #90C1D3

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#90C1D3 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva