Colore con nome · #E5CB3F
Crazy
Crazy è #E5CB3F: rgb(229 203 63), hsl(51 76% 57%), oklch(0.84 0.154 98.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Crazy color name →
#E5CB3F
oklch(0.84 0.154 98.3)
Conversioni di colore
- HEX
- #e5cb3f
- RGB
- rgb(229 203 63)
- HSL
- hsl(51 76% 57%)
- HWB
- hwb(51 25% 10%)
- OKLCH
- oklch(0.84 0.154 98.3)
- OKLab
- oklab(0.84 -0.022 0.153)
- CIE Lab
- lab(82.13 -1.22 68.8)
- LCH
- lch(82.13 68.81 91)
- CMYK
- cmyk(0% 11% 72% 10%)
Tinte · Ombre · Toni
Tinte
- E7D15B
- EAD672
- EDDB86
- EFE199
- F2E6AB
- F4EBBC
- F7F0CD
- FAF5DE
- FCFAEF
Ombre
- C7B035
- AA962C
- 8E7D23
- 72651B
- 584D12
- 3F370A
- 282204
- 120F01
- 030200
Toni
- DAC44D
- D0BC57
- C5B560
- BBAD67
- B1A66D
- A79E72
- 9D9776
- 938F7A
- 89887D
Armonie di colore
Complementare +180°
- E5CB3F
Crazy
- BEC6FF
≈ Light Periwinkle
Analogo -30° +30°
Triadico +120° +240°
- E5CB3F
Crazy
- 5EDDFF
≈ Athena Blue
- FFABE6
≈ Fresh Gum
Complementare divisa +150° +210°
- E5CB3F
Crazy
- A0D0FF
≈ Baby Blue
- DEB8FF
≈ Lavender Fragrance
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.94:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--crazy: #e5cb3f;
--crazy-rgb: 229 203 63;
--crazy-oklch: oklch(0.84 0.154 98.3);
}
.element {
color: var(--crazy);
background-color: hsl(51 76% 57%);
border-color: oklch(0.84 0.154 98.3);
}Tailwind CSS v4
@theme {
--color-crazy: #e5cb3f;
--color-crazy-50: #fff7c4;
--color-crazy-100: #f3eaae;
--color-crazy-200: #e3d688;
--color-crazy-300: #c9b954;
--color-crazy-400: #b69e00;
--color-crazy-500: #a28400;
--color-crazy-600: #887000;
--color-crazy-700: #6d5a00;
--color-crazy-800: #524100;
--color-crazy-900: #392d00;
--color-crazy-950: #241900;
}SCSS
$crazy: #e5cb3f;
$crazy-rgb: 229, 203, 63;
$crazy-light: mix(#fff, $crazy, 20%);
$crazy-dark: mix(#000, $crazy, 20%);
.element {
color: $crazy;
box-shadow: 0 0 0 2px rgba($crazy, 0.35);
}