Colore con nome · #E3C81C
Oh Em Ghee
Oh Em Ghee è #E3C81C: rgb(227 200 28), hsl(52 78% 50%), oklch(0.831 0.167 99). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Oh Em Ghee color name →
#E3C81C
oklch(0.831 0.167 99)
Conversioni di colore
- HEX
- #e3c81c
- RGB
- rgb(227 200 28)
- HSL
- hsl(52 78% 50%)
- HWB
- hwb(52 11% 11%)
- OKLCH
- oklch(0.831 0.167 99)
- OKLab
- oklab(0.831 -0.026 0.165)
- CIE Lab
- lab(81.05 -1.41 77.38)
- LCH
- lch(81.05 77.4 91)
- CMYK
- cmyk(0% 12% 88% 11%)
Tinte · Ombre · Toni
Tinte
- E6CE48
- E8D464
- EBDA7B
- EEDF90
- F1E5A4
- F3EAB7
- F6EFC9
- F9F5DB
- FCFAED
Ombre
- C5AE17
- A89412
- 8C7B0D
- 716308
- 574C05
- 3F3602
- 272101
- 120F00
- 030200
Toni
- D9C138
- CEBA48
- C4B354
- BAAB5E
- B0A466
- A69D6D
- 9C9672
- 938F78
- 89877C
Armonie di colore
Complementare +180°
- E3C81C
Oh Em Ghee
- BBC2FF
≈ Light Periwinkle
Analogo -30° +30°
- E3C81C
Oh Em Ghee
- FFB761
≈ Peanut Butter Chicken
- A5DC5D
≈ Last of Lettuce
Triadico +120° +240°
- E3C81C
Oh Em Ghee
- 52DBFF
≈ Ionized-Air Glow
- FFA6E3
≈ Corinthian Pink
Complementare divisa +150° +210°
- E3C81C
Oh Em Ghee
- 9BCDFF
≈ Apocyan
- DDB4FF
≈ Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.54:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--oh-em-ghee: #e3c81c;
--oh-em-ghee-rgb: 227 200 28;
--oh-em-ghee-oklch: oklch(0.831 0.167 99);
}
.element {
color: var(--oh-em-ghee);
background-color: hsl(52 78% 50%);
border-color: oklch(0.831 0.167 99);
}Tailwind CSS v4
@theme {
--color-oh-em-ghee: #e3c81c;
--color-oh-em-ghee-50: #fff7c0;
--color-oh-em-ghee-100: #f4eaa9;
--color-oh-em-ghee-200: #e3d780;
--color-oh-em-ghee-300: #cab948;
--color-oh-em-ghee-400: #b89e00;
--color-oh-em-ghee-500: #a38400;
--color-oh-em-ghee-600: #8a7000;
--color-oh-em-ghee-700: #6e5a00;
--color-oh-em-ghee-800: #534100;
--color-oh-em-ghee-900: #3a2d00;
--color-oh-em-ghee-950: #241900;
}SCSS
$oh-em-ghee: #e3c81c;
$oh-em-ghee-rgb: 227, 200, 28;
$oh-em-ghee-light: mix(#fff, $oh-em-ghee, 20%);
$oh-em-ghee-dark: mix(#000, $oh-em-ghee, 20%);
.element {
color: $oh-em-ghee;
box-shadow: 0 0 0 2px rgba($oh-em-ghee, 0.35);
}