#107283#107283

#107283 is a mid, moderate teal. Relative luminance 0.138; OKLCH L 50.9% C 0.085 H 213.4°. Best body text is #FFFFFF at 5.59:1 contrast (WCAG AA passes).

Color values

HEX	#107283
RGB	rgb(16, 114, 131)
HSL	hsl(189, 78%, 29%)
HSV	hsv(189, 88%, 51%)
CMYK	cmyk(87.8%, 13%, 0%, 48.6%)
CIE-LAB	lab(43.92, -19.69, -16.80)
CIE-LCH	lch(43.92, 25.89, 220.48°)
OKLab	oklab(50.87% -0.0713 -0.0469)
OKLCH	oklch(50.87% 0.085 213.4)
XYZ	xyz(10.3259, 13.7821, 23.5843)
Luminance	0.1378 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#107283 #832110

analogous

#10835B #107283 #103983

triadic

#107283 #831072 #728310

tetradic

#107283 #5B1083 #832110 #398310

square

#107283 #5B1083 #832110 #398310

split-complementary

#107283 #831039 #835B10

monochromatic

#03181B #09434C #107283 #17A1BA #29C9E5

Accessibility & contrast

On white

5.59

#107283 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.76

#107283 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #107283

5.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##107283	#FFFFFF	#000000	##FFFFFF
##107283	1.00	5.59	3.76	5.59
#FFFFFF	5.59	1.00	21.00	1.00
#000000	3.76	21.00	1.00	21.00
##FFFFFF	5.59	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#656E84

Deuteranopia (green-blind)

#576383

Tritanopia (blue-blind)

#007977

Achromatopsia (no color)

#686868

Design tokens & code

CSS

--color: #107283;
/* rgb */ color: rgb(16, 114, 131);
/* oklch */ color: oklch(50.9% 0.085 213.4);

Tailwind

colors: {
  custom: {
    50: '#679aa7',
    500: '#107283',
    950: '#000000',
  },
}

SCSS

$custom: #107283;
$custom-light: #679aa7;
$custom-dark: #000000;

JSON

{
  "hex": "#107283",
  "rgb": {
    "r": 16,
    "g": 114,
    "b": 131
  },
  "hsl": {
    "h": 188.87,
    "s": 78.231,
    "l": 28.824
  },
  "oklch": {
    "l": 0.50874,
    "c": 0.08536,
    "h": 213.4
  },
  "luminance": 0.13783
}

Semantic roles & 50–950 ramp

primary

#107283

secondary

#B94936

accent

#5033F5

background

#F6F9FA

surface

#ECF2F4

border

#C7CCCE

text

#070E0F

muted

#7A7E7F

Preview Lab

Preview with #107283

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

Preview Lab → · Contrast checker → · Palette generator →