#FBC6BF#FBC6BF
#FBC6BF is a very light, moderate red. Relative luminance 0.647; OKLCH L 87.2% C 0.062 H 27.1°. Best body text is #000000 at 13.93:1 contrast (WCAG AA passes).
Color values
| HEX | #FBC6BF |
|---|---|
| RGB | rgb(251, 198, 191) |
| HSL | hsl(7, 88%, 87%) |
| HSV | hsv(7, 24%, 98%) |
| CMYK | cmyk(0%, 21.1%, 23.9%, 1.6%) |
| CIE-LAB | lab(84.31, 17.83, 10.72) |
| CIE-LCH | lch(84.31, 20.81, 31.01°) |
| OKLab | oklab(87.15% 0.0549 0.0281) |
| OKLCH | oklch(87.15% 0.062 27.1) |
| XYZ | xyz(69.3825, 64.6620, 58.1064) |
| Luminance | 0.6466 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Pale Rose
#FDC1C5
ΔE00 4.56
Light Rose
#FFC5CB
ΔE00 5.10
Bubblegum
#FFC1CC
ΔE00 6.93
Pink
#FFC0CB
ΔE00 6.98
Lightpink
#FFB6C1
ΔE00 7.89
Pale Pink
#FFCFDC
ΔE00 7.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FBC6BF #BFF4FB
analogous
#FBBFD6 #FBC6BF #FBE4BF
triadic
#FBC6BF #BFFBC6 #C6BFFB
tetradic
#FBC6BF #D6FBBF #BFF4FB #E4BFFB
square
#FBC6BF #D6FBBF #BFF4FB #E4BFFB
split-complementary
#FBC6BF #BFFBE4 #BFD6FB
monochromatic
#F45F4C #F79385 #FBC6BF #FDE5E2 #FDE5E2
Accessibility & contrast
On white
1.51
#FBC6BF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.93
#FBC6BF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FBC6BF
13.93:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FBC6BF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBC6BF | 1.00 | 1.51 | 13.93 | 13.93 |
| #FFFFFF | 1.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.93 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D1CCBE
Deuteranopia (green-blind)
#DDD6BE
Tritanopia (blue-blind)
#FFC0C4
Achromatopsia (no color)
#D2D2D2
Design tokens & code
CSS
--color: #fbc6bf; /* rgb */ color: rgb(251, 198, 191); /* oklch */ color: oklch(87.2% 0.062 27.1);
Tailwind
colors: {
custom: {
50: '#fdd7d2',
500: '#fbc6bf',
950: '#000000',
},
}SCSS
$custom: #fbc6bf; $custom-light: #fdd7d2; $custom-dark: #000000;
JSON
{
"hex": "#fbc6bf",
"rgb": {
"r": 251,
"g": 198,
"b": 191
},
"hsl": {
"h": 7,
"s": 88.235,
"l": 86.667
},
"oklch": {
"l": 0.8715,
"c": 0.06166,
"h": 27.1
},
"luminance": 0.64659
}Semantic roles & 50–950 ramp
primary
#FBC6BF
secondary
#7ED5E0
accent
#CAE501
background
#FFFEFE
surface
#FFFBFB
border
#D7D4D4
text
#181414
muted
#868383