#267FA6#267FA6

#267FA6 is a mid, moderate cyan. Relative luminance 0.183; OKLCH L 56.3% C 0.101 H 231.9°. Best body text is #000000 at 4.67:1 contrast (WCAG AA passes).

Color values

HEX#267FA6
RGBrgb(38, 127, 166)
HSLhsl(198, 63%, 40%)
HSVhsv(198, 77%, 65%)
CMYKcmyk(77.1%, 23.5%, 0%, 34.9%)
CIE-LABlab(49.91, -12.28, -28.16)
CIE-LCHlch(49.91, 30.72, 246.44°)
OKLaboklab(56.28% -0.0622 -0.0793)
OKLCHoklch(56.28% 0.101 231.9)
XYZxyz(15.2689, 18.3422, 38.8047)
Luminance0.1834 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#267FA6 #A64D26
analogous
#26A68D #267FA6 #263FA6
triadic
#267FA6 #A6267F #7FA626
tetradic
#267FA6 #8D26A6 #A64D26 #3FA626
square
#267FA6 #8D26A6 #A64D26 #3FA626
split-complementary
#267FA6 #A6263F #A68D26
monochromatic
#0F3342 #1B5974 #267FA6 #38A3D1 #6ABADD

Accessibility & contrast

On white

4.50
#267FA6 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.67
#267FA6 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #267FA6
4.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##267FA6#FFFFFF#000000##000000
##267FA61.004.504.674.67
#FFFFFF4.501.0021.0021.00
#0000004.6721.001.001.00
##0000004.6721.001.001.00

Color blindness preview

Protanopia (red-blind)
#6B7EA8
Deuteranopia (green-blind)
#5A71A5
Tritanopia (blue-blind)
#008A8C
Achromatopsia (no color)
#777777

Design tokens & code

CSS
--color: #267fa6;
/* rgb */ color: rgb(38, 127, 166);
/* oklch */ color: oklch(56.3% 0.101 231.9);
Tailwind
colors: {
  custom: {
    50: '#74a4c0',
    500: '#267fa6',
    950: '#000000',
  },
}
SCSS
$custom: #267fa6;
$custom-light: #74a4c0;
$custom-dark: #000000;
JSON
{
  "hex": "#267fa6",
  "rgb": {
    "r": 38,
    "g": 127,
    "b": 166
  },
  "hsl": {
    "h": 198.281,
    "s": 62.745,
    "l": 40
  },
  "oklch": {
    "l": 0.56278,
    "c": 0.10076,
    "h": 231.9
  },
  "luminance": 0.18344
}

Semantic roles & 50–950 ramp

primary
#267FA6
secondary
#C38265
accent
#7442E6
background
#F7FAFB
surface
#EEF4F7
border
#C9CED0
text
#090F12
muted
#7B7F81

Preview Lab

Preview with #267FA6

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

Preview Lab → · Contrast checker → · Palette generator →

#267FA6 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva