Dichtstbijzijnde benoemde kleur · #FBD9D6
#FBD9D6
Dichtstbijzijnde benoemde kleur: Ballet
#FBD9D6 (rgb(251 217 214), hsl(5 82% 91%), oklch(0.913 0.038 23.9)) komt het dichtst bij de benoemde kleur Ballet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FBD9D6
oklch(0.913 0.038 23.9)
Kleurconversies
- HEX
- #fbd9d6
- RGB
- rgb(251 217 214)
- HSL
- hsl(5 82% 91%)
- HWB
- hwb(5 84% 2%)
- OKLCH
- oklch(0.913 0.038 23.9)
- OKLab
- oklab(0.913 0.035 0.015)
- CIE Lab
- lab(89.53 11.84 6.08)
- LCH
- lch(89.53 13.31 27.2)
- CMYK
- cmyk(0% 14% 15% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FCDDDA
- FCE1DE
- FDE4E2
- FDE8E6
- FDECEA
- FEF0EE
- FEF4F3
- FEF7F7
- FFFBFB
Schaduwen
- DABCBA
- BAA19E
- 9C8684
- 7E6C6A
- 615352
- 463B3B
- 2D2525
- 151110
- 030202
Tonen
- EED0CD
- E1C7C4
- D5BDBB
- C8B4B3
- BCACAA
- B0A3A1
- A49A99
- 989191
- 8C8988
Kleurharmonieën
Complementair +180°
- FBD9D6
Ballet
- C6EAEE
≈ Silent Breeze
Analoog -30° +30°
Triadisch +120° +240°
- FBD9D6
Ballet
- D4E9D3
≈ Venetian Pearl
- D5E3FD
≈ Weathered Blue
Gesplitst complementair +150° +210°
- FBD9D6
Ballet
- C9EBE0
≈ Teal Melody
- CAE7F8
≈ Icy Landscape
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.31:1 · APCA Lc 15
Ag
AAAOp zwart
WCAG 15.99:1 · APCA Lc 88
Beste tekstkleur: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--ballet: #fbd9d6;
--ballet-rgb: 251 217 214;
--ballet-oklch: oklch(0.913 0.038 23.9);
}
.element {
color: var(--ballet);
background-color: hsl(5 82% 91%);
border-color: oklch(0.913 0.038 23.9);
}Tailwind CSS v4
@theme {
--color-ballet: #fbd9d6;
--color-ballet-50: #fff1ef;
--color-ballet-100: #f5e3e1;
--color-ballet-200: #e4cecc;
--color-ballet-300: #cab0ad;
--color-ballet-400: #b49694;
--color-ballet-500: #9e7d7a;
--color-ballet-600: #866a67;
--color-ballet-700: #6b5452;
--color-ballet-800: #4f3d3c;
--color-ballet-900: #372a29;
--color-ballet-950: #221817;
}SCSS
$ballet: #fbd9d6;
$ballet-rgb: 251, 217, 214;
$ballet-light: mix(#fff, $ballet, 20%);
$ballet-dark: mix(#000, $ballet, 20%);
.element {
color: $ballet;
box-shadow: 0 0 0 2px rgba($ballet, 0.35);
}