#46D2D3#46D2D3

#46D2D3 is a light, moderate teal. Relative luminance 0.521; OKLCH L 79.1% C 0.117 H 195.7°. Best body text is #000000 at 11.42:1 contrast (WCAG AA passes).

Color values

HEX	#46D2D3
RGB	rgb(70, 210, 211)
HSL	hsl(180, 62%, 55%)
HSV	hsv(180, 67%, 83%)
CMYK	cmyk(66.8%, 0.5%, 0%, 17.3%)
CIE-LAB	lab(77.34, -36.17, -11.44)
CIE-LCH	lch(77.34, 37.93, 197.56°)
OKLab	oklab(79.11% -0.1128 -0.0318)
OKLCH	oklch(79.11% 0.117 195.7)
XYZ	xyz(37.3250, 52.0942, 69.7034)
Luminance	0.5210 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#46D2D3 #D34746

analogous

#46D38E #46D2D3 #468BD3

triadic

#46D2D3 #D346D2 #D2D346

tetradic

#46D2D3 #8E46D3 #D34746 #8BD346

square

#46D2D3 #8E46D3 #D34746 #8BD346

split-complementary

#46D2D3 #D3468B #D38E46

monochromatic

#1E7F80 #2AB1B2 #46D2D3 #77DEDF #A9EAEB

Accessibility & contrast

On white

1.84

#46D2D3 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.42

#46D2D3 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #46D2D3

11.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##46D2D3	#FFFFFF	#000000	##000000
##46D2D3	1.00	1.84	11.42	11.42
#FFFFFF	1.84	1.00	21.00	21.00
#000000	11.42	21.00	1.00	1.00
##000000	11.42	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C4C8D3

Deuteranopia (green-blind)

#AFB8D4

Tritanopia (blue-blind)

#00D9D2

Achromatopsia (no color)

#BFBFBF

Design tokens & code

CSS

--color: #46d2d3;
/* rgb */ color: rgb(70, 210, 211);
/* oklch */ color: oklch(79.1% 0.117 195.7);

Tailwind

colors: {
  custom: {
    50: '#8ce0e0',
    500: '#46d2d3',
    950: '#000000',
  },
}

SCSS

$custom: #46d2d3;
$custom-light: #8ce0e0;
$custom-dark: #000000;

JSON

{
  "hex": "#46d2d3",
  "rgb": {
    "r": 70,
    "g": 210,
    "b": 211
  },
  "hsl": {
    "h": 180.426,
    "s": 61.572,
    "l": 55.098
  },
  "oklch": {
    "l": 0.79105,
    "c": 0.11715,
    "h": 195.7
  },
  "luminance": 0.52098
}

Semantic roles & 50–950 ramp

primary

#46D2D3

secondary

#873636

accent

#4443E5

background

#FCFEFE

surface

#F5FCFC

border

#CFD5D5

text

#0E1515

muted

#7F8484

Preview Lab

Preview with #46D2D3

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

Preview Lab → · Contrast checker → · Palette generator →