Couleur nommée la plus proche · #EBCBC2
#EBCBC2
Couleur nommée la plus proche: Fairy Floss
#EBCBC2 (rgb(235 203 194), hsl(13 51% 84%), oklch(0.867 0.038 36.2)) est la plus proche de la couleur nommée Fairy Floss. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EBCBC2
oklch(0.867 0.038 36.2)
Conversions de couleur
- HEX
- #ebcbc2
- RGB
- rgb(235 203 194)
- HSL
- hsl(13 51% 84%)
- HWB
- hwb(13 76% 8%)
- OKLCH
- oklch(0.867 0.038 36.2)
- OKLab
- oklab(0.867 0.031 0.023)
- CIE Lab
- lab(84.26 10.58 8.88)
- LCH
- lch(84.26 13.81 40)
- CMYK
- cmyk(0% 14% 17% 8%)
Teintes · Ombres · Tons
Teintes
- EDD0C8
- EFD5CE
- F1DAD4
- F3E0DA
- F5E5E0
- F7EAE6
- F9EFEC
- FBF5F3
- FDFAF9
Ombres
- CCB0A8
- AE968F
- 917D77
- 756560
- 5B4D49
- 413734
- 292220
- 130F0E
- 030202
Tons
- E0C3BB
- D5BCB4
- CAB4AE
- BFACA7
- B4A5A0
- AA9D9A
- 9F9693
- 958F8D
- 8A8786
Harmonies de couleurs
Complémentaire +180°
- EBCBC2
Fairy Floss
- B8DAE3
≈ Breezy Blue
Analogue -30° +30°
- EBCBC2
Fairy Floss
- EBC9CF
≈ Pink Slipper
- E5CFB9
≈ Floral Bluff
Triadique +120° +240°
- EBCBC2
Fairy Floss
- C0DBC9
≈ Green Grapes
- CCD2ED
≈ Garden Fairy
Complémentaire divisée +150° +210°
- EBCBC2
Fairy Floss
- B8DCD7
≈ Catch the Wave
- BFD6EB
≈ Pacific Panorama
Tétradique +90° +180° +270°
- EBCBC2
Fairy Floss
- CDD8BD
≈ Celery Satin
- B8DAE3
≈ Breezy Blue
- D9CDE8
≈ Plum’s the Word
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.51:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.85:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--fairy-floss: #ebcbc2;
--fairy-floss-rgb: 235 203 194;
--fairy-floss-oklch: oklch(0.867 0.038 36.2);
}
.element {
color: var(--fairy-floss);
background-color: hsl(13 51% 84%);
border-color: oklch(0.867 0.038 36.2);
}Tailwind CSS v4
@theme {
--color-fairy-floss: #ebcbc2;
--color-fairy-floss-50: #fff2ed;
--color-fairy-floss-100: #f4e4df;
--color-fairy-floss-200: #e4cfc9;
--color-fairy-floss-300: #cab1a9;
--color-fairy-floss-400: #b4978f;
--color-fairy-floss-500: #9e7e75;
--color-fairy-floss-600: #856a63;
--color-fairy-floss-700: #6b554f;
--color-fairy-floss-800: #4f3e3a;
--color-fairy-floss-900: #372b27;
--color-fairy-floss-950: #221816;
}SCSS
$fairy-floss: #ebcbc2;
$fairy-floss-rgb: 235, 203, 194;
$fairy-floss-light: mix(#fff, $fairy-floss, 20%);
$fairy-floss-dark: mix(#000, $fairy-floss, 20%);
.element {
color: $fairy-floss;
box-shadow: 0 0 0 2px rgba($fairy-floss, 0.35);
}