Couleur nommée · #EBD6BD
Speckled Eggs
Speckled Eggs correspond à #EBD6BD : rgb(235 214 189), hsl(33 53% 83%), oklch(0.887 0.041 72.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Speckled Eggs color name →
#EBD6BD
oklch(0.887 0.041 72.1)
Conversions de couleur
- HEX
- #ebd6bd
- RGB
- rgb(235 214 189)
- HSL
- hsl(33 53% 83%)
- HWB
- hwb(33 74% 8%)
- OKLCH
- oklch(0.887 0.041 72.1)
- OKLab
- oklab(0.887 0.013 0.039)
- CIE Lab
- lab(86.89 4.62 15.18)
- LCH
- lch(86.89 15.86 73.1)
- CMYK
- cmyk(0% 9% 20% 8%)
Teintes · Ombres · Tons
Teintes
- EDDAC4
- EFDECA
- F1E2D1
- F3E6D7
- F5EADE
- F7EFE4
- F9F3EB
- FBF7F2
- FDFBF8
Ombres
- CCBAA4
- AE9E8C
- 918474
- 756A5D
- 5B5247
- 413B33
- 29251F
- 13100D
- 030202
Tons
- E0CDB7
- D5C4B1
- CABBAA
- BFB3A4
- B4AA9E
- A9A298
- 9F9992
- 94918C
- 8A8886
Harmonies de couleurs
Complémentaire +180°
- EBD6BD
Speckled Eggs
- C7DCF5
≈ Fly a Kite
Analogue -30° +30°
- EBD6BD
Speckled Eggs
- F2D2C5
≈ Tri-Tip
- DFDBBD
≈ Woven Reed
Triadique +120° +240°
- EBD6BD
Speckled Eggs
- BCE3E1
≈ Bleached Aqua
- E3D2EE
≈ Lavender Princess
Complémentaire divisée +150° +210°
- EBD6BD
Speckled Eggs
- BDE0ED
≈ Diminished Blue
- D5D7F5
≈ Flax Bloom
Tétradique +90° +180° +270°
- EBD6BD
Speckled Eggs
- C3E3D2
≈ Icy Mint
- C7DCF5
≈ Fly a Kite
- EED0E1
≈ Lacquer Mauve
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.88:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 14.88:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--speckled-eggs: #ebd6bd;
--speckled-eggs-rgb: 235 214 189;
--speckled-eggs-oklch: oklch(0.887 0.041 72.1);
}
.element {
color: var(--speckled-eggs);
background-color: hsl(33 53% 83%);
border-color: oklch(0.887 0.041 72.1);
}Tailwind CSS v4
@theme {
--color-speckled-eggs: #ebd6bd;
--color-speckled-eggs-50: #fcf4e9;
--color-speckled-eggs-100: #f0e6d9;
--color-speckled-eggs-200: #dfd2c2;
--color-speckled-eggs-300: #c4b5a1;
--color-speckled-eggs-400: #ae9b85;
--color-speckled-eggs-500: #978269;
--color-speckled-eggs-600: #806e59;
--color-speckled-eggs-700: #665847;
--color-speckled-eggs-800: #4c4033;
--color-speckled-eggs-900: #352c23;
--color-speckled-eggs-950: #201912;
}SCSS
$speckled-eggs: #ebd6bd;
$speckled-eggs-rgb: 235, 214, 189;
$speckled-eggs-light: mix(#fff, $speckled-eggs, 20%);
$speckled-eggs-dark: mix(#000, $speckled-eggs, 20%);
.element {
color: $speckled-eggs;
box-shadow: 0 0 0 2px rgba($speckled-eggs, 0.35);
}