#457783#457783

#457783 is a mid, muted cyan. Relative luminance 0.161; OKLCH L 53.9% C 0.057 H 214.9°. Best body text is #FFFFFF at 4.98:1 contrast (WCAG AA passes).

Color values

HEX#457783
RGBrgb(69, 119, 131)
HSLhsl(192, 31%, 39%)
HSVhsv(192, 47%, 51%)
CMYKcmyk(47.3%, 9.2%, 0%, 48.6%)
CIE-LABlab(47.10, -13.41, -11.82)
CIE-LCHlch(47.10, 17.88, 221.40°)
OKLaboklab(53.87% -0.0468 -0.0326)
OKLCHoklch(53.87% 0.057 214.9)
XYZxyz(13.1463, 16.0965, 23.8825)
Luminance0.1610 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#457783 #835145
analogous
#458370 #457783 #455883
triadic
#457783 #834577 #778345
tetradic
#457783 #704583 #835145 #588345
square
#457783 #704583 #835145 #588345
split-complementary
#457783 #834558 #837045
monochromatic
#1B2E33 #30535B #457783 #5C9AA9 #84B3BE

Accessibility & contrast

On white

4.98
#457783 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.22
#457783 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #457783
4.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##457783#FFFFFF#000000##FFFFFF
##4577831.004.984.224.98
#FFFFFF4.981.0021.001.00
#0000004.2221.001.0021.00
##FFFFFF4.981.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6E7484
Deuteranopia (green-blind)
#656D83
Tritanopia (blue-blind)
#277C7B
Achromatopsia (no color)
#707070

Design tokens & code

CSS
--color: #457783;
/* rgb */ color: rgb(69, 119, 131);
/* oklch */ color: oklch(53.9% 0.057 214.9);
Tailwind
colors: {
  custom: {
    50: '#7d9ea7',
    500: '#457783',
    950: '#000000',
  },
}
SCSS
$custom: #457783;
$custom-light: #7d9ea7;
$custom-dark: #000000;
JSON
{
  "hex": "#457783",
  "rgb": {
    "r": 69,
    "g": 119,
    "b": 131
  },
  "hsl": {
    "h": 191.613,
    "s": 31,
    "l": 39.216
  },
  "oklch": {
    "l": 0.53874,
    "c": 0.05699,
    "h": 214.9
  },
  "luminance": 0.16098
}

Semantic roles & 50–950 ramp

primary
#457783
secondary
#AA837A
accent
#7461C7
background
#F7F9FA
surface
#EEF2F4
border
#C9CCCE
text
#0A0E0F
muted
#7C7E7F

Preview Lab

Preview with #457783

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

Preview Lab → · Contrast checker → · Palette generator →

#457783 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva