Couleur nommée · #EFE2C5
Blonde Curl
Blonde Curl correspond à #EFE2C5 : rgb(239 226 197), hsl(41 57% 85%), oklch(0.916 0.041 86.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Blonde Curl color name →
#EFE2C5
oklch(0.916 0.041 86.7)
Conversions de couleur
- HEX
- #efe2c5
- RGB
- rgb(239 226 197)
- HSL
- hsl(41 57% 85%)
- HWB
- hwb(41 77% 6%)
- OKLCH
- oklch(0.916 0.041 86.7)
- OKLab
- oklab(0.916 0.002 0.041)
- CIE Lab
- lab(90.37 1.15 15.92)
- LCH
- lch(90.37 15.96 85.9)
- CMYK
- cmyk(0% 5% 18% 6%)
Teintes · Ombres · Tons
Teintes
- F1E5CB
- F2E8D1
- F4EBD6
- F5EEDC
- F7F1E2
- F9F3E8
- FAF6EE
- FCF9F3
- FDFCF9
Ombres
- D0C4AB
- B1A892
- 948C79
- 787161
- 5C574B
- 423E35
- 2A2721
- 14120E
- 030302
Tons
- E3D8BE
- D8CEB7
- CCC4B0
- C1BAA9
- B6B0A2
- ABA69B
- A09C94
- 95938E
- 8B8987
Harmonies de couleurs
Complémentaire +180°
- EFE2C5
Blonde Curl
- D7E3FF
≈ Stoic White
Analogue -30° +30°
- EFE2C5
Blonde Curl
- F9DDC9
≈ Muffin Magic
- E1E7C9
≈ Origami Clover
Triadique +120° +240°
- EFE2C5
Blonde Curl
- C5EBF1
≈ Icy Breeze
- F2DAF2
≈ Grape Taffy
Complémentaire divisée +150° +210°
- EFE2C5
Blonde Curl
- CBE8FB
≈ Icy Landscape
- E5DEFC
≈ Stoic White
Tétradique +90° +180° +270°
- EFE2C5
Blonde Curl
- C8EDE2
≈ Teal Melody
- D7E3FF
≈ Stoic White
- FBD8E4
≈ Lovely Breeze
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.28:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.35:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.35:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--blonde-curl: #efe2c5;
--blonde-curl-rgb: 239 226 197;
--blonde-curl-oklch: oklch(0.916 0.041 86.7);
}
.element {
color: var(--blonde-curl);
background-color: hsl(41 57% 85%);
border-color: oklch(0.916 0.041 86.7);
}Tailwind CSS v4
@theme {
--color-blonde-curl: #efe2c5;
--color-blonde-curl-50: #faf5e8;
--color-blonde-curl-100: #ede7d9;
--color-blonde-curl-200: #dbd4c1;
--color-blonde-curl-300: #c0b7a0;
--color-blonde-curl-400: #a99d83;
--color-blonde-curl-500: #928567;
--color-blonde-curl-600: #7b7058;
--color-blonde-curl-700: #635a46;
--color-blonde-curl-800: #494132;
--color-blonde-curl-900: #332d22;
--color-blonde-curl-950: #1e1a11;
}SCSS
$blonde-curl: #efe2c5;
$blonde-curl-rgb: 239, 226, 197;
$blonde-curl-light: mix(#fff, $blonde-curl, 20%);
$blonde-curl-dark: mix(#000, $blonde-curl, 20%);
.element {
color: $blonde-curl;
box-shadow: 0 0 0 2px rgba($blonde-curl, 0.35);
}