Colore con nome · #E9CB4C
Snake Eyes
Snake Eyes è #E9CB4C: rgb(233 203 76), hsl(49 78% 61%), oklch(0.845 0.146 95.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Snake Eyes color name →
#E9CB4C
oklch(0.845 0.146 95.7)
Conversioni di colore
- HEX
- #e9cb4c
- RGB
- rgb(233 203 76)
- HSL
- hsl(49 78% 61%)
- HWB
- hwb(49 30% 9%)
- OKLCH
- oklch(0.845 0.146 95.7)
- OKLab
- oklab(0.845 -0.015 0.145)
- CIE Lab
- lab(82.58 0.91 64.52)
- LCH
- lch(82.58 64.53 89.2)
- CMYK
- cmyk(0% 13% 67% 9%)
Tinte · Ombre · Toni
Tinte
- EBD164
- EDD679
- EFDB8B
- F2E19D
- F4E6AE
- F6EBBF
- F8F0CF
- FAF5DF
- FDFAEF
Ombre
- CBB041
- AD9636
- 907D2C
- 746522
- 5A4D18
- 41370F
- 292206
- 130F02
- 030200
Toni
- DEC356
- D3BC5F
- C8B565
- BEAD6B
- B3A670
- A99E74
- 9E9778
- 948F7B
- 8A887E
Armonie di colore
Complementare +180°
- E9CB4C
Snake Eyes
- BEC9FF
≈ Light Periwinkle
Analogo -30° +30°
- E9CB4C
Snake Eyes
- FFBD7A
≈ Nouveau-Riche
- B5DD6E
≈ Melissa
Triadico +120° +240°
- E9CB4C
Snake Eyes
- 59E0FF
≈ Ionized-Air Glow
- FFADEB
≈ Pink Wink
Complementare divisa +150° +210°
- E9CB4C
Snake Eyes
- A0D2FF
≈ Baby Blue
- DBBCFF
≈ Lavender Fragrance
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.11:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.11:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--snake-eyes: #e9cb4c;
--snake-eyes-rgb: 233 203 76;
--snake-eyes-oklch: oklch(0.845 0.146 95.7);
}
.element {
color: var(--snake-eyes);
background-color: hsl(49 78% 61%);
border-color: oklch(0.845 0.146 95.7);
}Tailwind CSS v4
@theme {
--color-snake-eyes: #e9cb4c;
--color-snake-eyes-50: #fff6c7;
--color-snake-eyes-100: #f5e9b1;
--color-snake-eyes-200: #e5d58c;
--color-snake-eyes-300: #ccb85a;
--color-snake-eyes-400: #b99d18;
--color-snake-eyes-500: #a48300;
--color-snake-eyes-600: #8a6f00;
--color-snake-eyes-700: #6f5900;
--color-snake-eyes-800: #534000;
--color-snake-eyes-900: #3a2c00;
--color-snake-eyes-950: #241900;
}SCSS
$snake-eyes: #e9cb4c;
$snake-eyes-rgb: 233, 203, 76;
$snake-eyes-light: mix(#fff, $snake-eyes, 20%);
$snake-eyes-dark: mix(#000, $snake-eyes, 20%);
.element {
color: $snake-eyes;
box-shadow: 0 0 0 2px rgba($snake-eyes, 0.35);
}