#7BF5FB#7BF5FB
#7BF5FB is a very light, moderate teal. Relative luminance 0.765; OKLCH L 90.2% C 0.110 H 199.7°. Best body text is #000000 at 16.30:1 contrast (WCAG AA passes).
Color values
| HEX | #7BF5FB |
|---|---|
| RGB | rgb(123, 245, 251) |
| HSL | hsl(183, 94%, 73%) |
| HSV | hsv(183, 51%, 98%) |
| CMYK | cmyk(51%, 2.4%, 0%, 1.6%) |
| CIE-LAB | lab(90.08, -32.59, -13.40) |
| CIE-LCH | lch(90.08, 35.24, 202.35°) |
| OKLab | oklab(90.21% -0.1034 -0.037) |
| OKLCH | oklch(90.21% 0.11 199.7) |
| XYZ | xyz(58.2263, 76.4755, 102.9409) |
| Luminance | 0.7648 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Robin Egg Blue
#8AF1FE
ΔE00 3.44
Robin'S Egg
#6DEDFD
ΔE00 3.68
Robin'S Egg Blue
#98EFF9
ΔE00 4.22
Bright Light Blue
#26F7FD
ΔE00 4.24
Bright Cyan
#41FDFE
ΔE00 4.52
Light Cyan
#ACFFFC
ΔE00 5.52
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7BF5FB #FB817B
analogous
#7BFBC1 #7BF5FB #7BB5FB
triadic
#7BF5FB #FB7BF5 #F5FB7B
tetradic
#7BF5FB #C17BFB #FB817B #B5FB7B
square
#7BF5FB #C17BFB #FB817B #B5FB7B
split-complementary
#7BF5FB #FB7BB5 #FBC17B
monochromatic
#07E9F4 #40F0F9 #7BF5FB #B6F9FD #E1FDFE
Accessibility & contrast
On white
1.29
#7BF5FB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.30
#7BF5FB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7BF5FB
16.30:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7BF5FB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7BF5FB | 1.00 | 1.29 | 16.30 | 16.30 |
| #FFFFFF | 1.29 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.30 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E6ECFC
Deuteranopia (green-blind)
#D1DCFC
Tritanopia (blue-blind)
#12FCF6
Achromatopsia (no color)
#E3E3E3
Design tokens & code
CSS
--color: #7bf5fb; /* rgb */ color: rgb(123, 245, 251); /* oklch */ color: oklch(90.2% 0.110 199.7);
Tailwind
colors: {
custom: {
50: '#abf9fc',
500: '#7bf5fb',
950: '#000000',
},
}SCSS
$custom: #7bf5fb; $custom-light: #abf9fc; $custom-dark: #000000;
JSON
{
"hex": "#7bf5fb",
"rgb": {
"r": 123,
"g": 245,
"b": 251
},
"hsl": {
"h": 182.813,
"s": 94.118,
"l": 73.333
},
"oklch": {
"l": 0.90214,
"c": 0.10986,
"h": 199.7
},
"luminance": 0.76481
}Semantic roles & 50–950 ramp
primary
#7BF5FB
secondary
#D84942
accent
#0B00E6
background
#FDFFFF
surface
#F8FFFF
border
#D1D7D7
text
#111717
muted
#818585