Couleur nommée · #E2D39B
Twinkle Toes
Twinkle Toes correspond à #E2D39B : rgb(226 211 155), hsl(47 55% 75%), oklch(0.866 0.075 94.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Twinkle Toes color name →
#E2D39B
oklch(0.866 0.075 94.9)
Conversions de couleur
- HEX
- #e2d39b
- RGB
- rgb(226 211 155)
- HSL
- hsl(47 55% 75%)
- HWB
- hwb(47 61% 11%)
- OKLCH
- oklch(0.866 0.075 94.9)
- OKLab
- oklab(0.866 -0.006 0.074)
- CIE Lab
- lab(84.8 -0.74 29.8)
- LCH
- lch(84.8 29.81 91.4)
- CMYK
- cmyk(0% 7% 31% 11%)
Teintes · Ombres · Tons
Teintes
- E5D7A5
- E8DCAF
- EBE0B9
- EDE5C3
- F0E9CD
- F3EED7
- F6F2E1
- F9F6EB
- FCFBF5
Ombres
- C4B786
- A89C72
- 8C825E
- 71694B
- 575139
- 3E3A28
- 272418
- 121009
- 030201
Tons
- D8CA99
- CEC296
- C4B994
- BAB191
- B0A98F
- A6A18C
- 9C9889
- 939086
- 898883
Harmonies de couleurs
Complémentaire +180°
- E2D39B
Twinkle Toes
- C6D0FF
≈ Lavender Blue
Analogue -30° +30°
- E2D39B
Twinkle Toes
- F6C9A0
≈ Sundown
- C8DCA6
≈ Butterfly
Triadique +120° +240°
- E2D39B
Twinkle Toes
- 99E0F2
≈ Non-Photo Blue
- F3C1E7
≈ Lavender Soap
Complémentaire divisée +150° +210°
- E2D39B
Twinkle Toes
- ACD9FF
≈ Malmö FF
- DEC7FB
≈ Neon Boneyard
Tétradique +90° +180° +270°
- E2D39B
Twinkle Toes
- 9AE3D9
≈ Sharbah Fizz
- C6D0FF
≈ Lavender Blue
- FEBFCC
≈ Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.49:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.02:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 14.02:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--twinkle-toes: #e2d39b;
--twinkle-toes-rgb: 226 211 155;
--twinkle-toes-oklch: oklch(0.866 0.075 94.9);
}
.element {
color: var(--twinkle-toes);
background-color: hsl(47 55% 75%);
border-color: oklch(0.866 0.075 94.9);
}Tailwind CSS v4
@theme {
--color-twinkle-toes: #e2d39b;
--color-twinkle-toes-50: #fbf6de;
--color-twinkle-toes-100: #efe8cd;
--color-twinkle-toes-200: #ddd5b1;
--color-twinkle-toes-300: #c2b88c;
--color-twinkle-toes-400: #ac9e6b;
--color-twinkle-toes-500: #96864a;
--color-twinkle-toes-600: #7f713f;
--color-twinkle-toes-700: #655b32;
--color-twinkle-toes-800: #4b4223;
--color-twinkle-toes-900: #342d17;
--color-twinkle-toes-950: #201a08;
}SCSS
$twinkle-toes: #e2d39b;
$twinkle-toes-rgb: 226, 211, 155;
$twinkle-toes-light: mix(#fff, $twinkle-toes, 20%);
$twinkle-toes-dark: mix(#000, $twinkle-toes, 20%);
.element {
color: $twinkle-toes;
box-shadow: 0 0 0 2px rgba($twinkle-toes, 0.35);
}