Cor nomeada mais próxima · #FBD9D6
#FBD9D6
Cor nomeada mais próxima: Ballet
#FBD9D6 (rgb(251 217 214), hsl(5 82% 91%), oklch(0.913 0.038 23.9)) é mais próxima da cor nomeada Ballet. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FBD9D6
oklch(0.913 0.038 23.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FCDDDA
- FCE1DE
- FDE4E2
- FDE8E6
- FDECEA
- FEF0EE
- FEF4F3
- FEF7F7
- FFFBFB
Sombras
- DABCBA
- BAA19E
- 9C8684
- 7E6C6A
- 615352
- 463B3B
- 2D2525
- 151110
- 030202
Tons
- EED0CD
- E1C7C4
- D5BDBB
- C8B4B3
- BCACAA
- B0A3A1
- A49A99
- 989191
- 8C8988
Harmonias de cor
Complementar +180°
- FBD9D6
Ballet
- C6EAEE
≈ Silent Breeze
Análoga -30° +30°
Tríade +120° +240°
- FBD9D6
Ballet
- D4E9D3
≈ Venetian Pearl
- D5E3FD
≈ Weathered Blue
Complementar dividida +150° +210°
- FBD9D6
Ballet
- C9EBE0
≈ Teal Melody
- CAE7F8
≈ Icy Landscape
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 15.99:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
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);
}