#67FBBC#67FBBC

#67FBBC is a very light, vivid teal. Relative luminance 0.755; OKLCH L 89.2% C 0.156 H 162.3°. Best body text is #000000 at 16.10:1 contrast (WCAG AA passes).

Color values

HEX	#67FBBC
RGB	rgb(103, 251, 188)
HSL	hsl(154, 95%, 69%)
HSV	hsv(154, 59%, 98%)
CMYK	cmyk(59%, 0%, 25.1%, 1.6%)
CIE-LAB	lab(89.63, -53.93, 18.56)
CIE-LCH	lch(89.63, 57.04, 161.01°)
OKLab	oklab(89.16% -0.1484 0.0474)
OKLCH	oklch(89.16% 0.156 162.3)
XYZ	xyz(49.1631, 75.5039, 59.5500)
Luminance	0.7551 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#67FBBC #FB67A6

analogous

#67FB72 #67FBBC #67F0FB

triadic

#67FBBC #BC67FB #FBBC67

tetradic

#67FBBC #7267FB #FB67A6 #F0FB67

square

#67FBBC #7267FB #FB67A6 #F0FB67

split-complementary

#67FBBC #FB67F0 #FB7267

monochromatic

#06E284 #2BF9A2 #67FBBC #A3FDD6 #DEFEF1

Accessibility & contrast

On white

1.30

#67FBBC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.10

#67FBBC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #67FBBC

16.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##67FBBC	#FFFFFF	#000000	##000000
##67FBBC	1.00	1.30	16.10	16.10
#FFFFFF	1.30	1.00	21.00	21.00
#000000	16.10	21.00	1.00	1.00
##000000	16.10	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F7EAB8

Deuteranopia (green-blind)

#E3DBC0

Tritanopia (blue-blind)

#13FBEA

Achromatopsia (no color)

#E1E1E1

Design tokens & code

CSS

--color: #67fbbc;
/* rgb */ color: rgb(103, 251, 188);
/* oklch */ color: oklch(89.2% 0.156 162.3);

Tailwind

colors: {
  custom: {
    50: '#9ffdd0',
    500: '#67fbbc',
    950: '#000000',
  },
}

SCSS

$custom: #67fbbc;
$custom-light: #9ffdd0;
$custom-dark: #000000;

JSON

{
  "hex": "#67fbbc",
  "rgb": {
    "r": 103,
    "g": 251,
    "b": 188
  },
  "hsl": {
    "h": 154.459,
    "s": 94.872,
    "l": 69.412
  },
  "oklch": {
    "l": 0.89163,
    "c": 0.15577,
    "h": 162.3
  },
  "luminance": 0.75509
}

Semantic roles & 50–950 ramp

primary

#67FBBC

secondary

#D53177

accent

#0062E6

background

#FCFFFE

surface

#F6FFFB

border

#D0D7D4

text

#101814

muted

#808683

Preview Lab

Preview with #67FBBC

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

Preview Lab → · Contrast checker → · Palette generator →