#2295A2#2295A2

#2295A2 is a mid, moderate teal. Relative luminance 0.244; OKLCH L 61.5% C 0.098 H 206.6°. Best body text is #000000 at 5.89:1 contrast (WCAG AA passes).

Color values

HEX#2295A2
RGBrgb(34, 149, 162)
HSLhsl(186, 65%, 38%)
HSVhsv(186, 79%, 64%)
CMYKcmyk(79%, 8%, 0%, 36.5%)
CIE-LABlab(56.53, -25.88, -15.70)
CIE-LCHlch(56.53, 30.27, 211.24°)
OKLaboklab(61.52% -0.0873 -0.0437)
OKLCHoklch(61.52% 0.098 206.6)
XYZxyz(17.9258, 24.4414, 37.9483)
Luminance0.2444 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2295A2 #A22F22
analogous
#22A26F #2295A2 #2255A2
triadic
#2295A2 #A22295 #95A222
tetradic
#2295A2 #6F22A2 #A22F22 #55A222
square
#2295A2 #6F22A2 #A22F22 #55A222
split-complementary
#2295A2 #A22255 #A26F22
monochromatic
#0D383D #17666F #2295A2 #2EC2D3 #61D1DE

Accessibility & contrast

On white

3.57
#2295A2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.89
#2295A2 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #2295A2
5.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2295A2#FFFFFF#000000##000000
##2295A21.003.575.895.89
#FFFFFF3.571.0021.0021.00
#0000005.8921.001.001.00
##0000005.8921.001.001.00

Color blindness preview

Protanopia (red-blind)
#888FA3
Deuteranopia (green-blind)
#7682A2
Tritanopia (blue-blind)
#009C99
Achromatopsia (no color)
#888888

Design tokens & code

CSS
--color: #2295a2;
/* rgb */ color: rgb(34, 149, 162);
/* oklch */ color: oklch(61.5% 0.098 206.6);
Tailwind
colors: {
  custom: {
    50: '#74b4bd',
    500: '#2295a2',
    950: '#000000',
  },
}
SCSS
$custom: #2295a2;
$custom-light: #74b4bd;
$custom-dark: #000000;
JSON
{
  "hex": "#2295a2",
  "rgb": {
    "r": 34,
    "g": 149,
    "b": 162
  },
  "hsl": {
    "h": 186.094,
    "s": 65.306,
    "l": 38.431
  },
  "oklch": {
    "l": 0.61523,
    "c": 0.09761,
    "h": 206.6
  },
  "luminance": 0.24444
}

Semantic roles & 50–950 ramp

primary
#2295A2
secondary
#C3675D
accent
#5140E8
background
#F7FBFB
surface
#EEF6F6
border
#C9D0D0
text
#0A1112
muted
#7C8081

Preview Lab

Preview with #2295A2

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

Preview Lab → · Contrast checker → · Palette generator →

#2295A2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva