Nazwany kolor · #EDC283
Golden Hominy
Golden Hominy to #EDC283: rgb(237 194 131), hsl(36 75% 72%), oklch(0.838 0.094 76.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Golden Hominy color name →
#EDC283
oklch(0.838 0.094 76.4)
Konwersje koloru
- HEX
- #edc283
- RGB
- rgb(237 194 131)
- HSL
- hsl(36 75% 72%)
- HWB
- hwb(36 51% 7%)
- OKLCH
- oklch(0.838 0.094 76.4)
- OKLab
- oklab(0.838 0.022 0.091)
- CIE Lab
- lab(81.23 10 37.71)
- LCH
- lch(81.23 39.01 75.1)
- CMYK
- cmyk(0% 18% 45% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFC890
- F1CE9D
- F3D5A9
- F5DBB6
- F7E1C2
- F8E7CE
- FAEDDB
- FCF3E7
- FDF9F3
Odcienie ciemniejsze
- CEA871
- B08F60
- 93774F
- 77603F
- 5C492F
- 423420
- 2A2012
- 140E06
- 030201
Tony
- E2BB84
- D6B584
- CBAE84
- C0A784
- B5A184
- AB9A83
- A09483
- 958D82
- 8A8781
Harmonie kolorów
Komplementarna +180°
- EDC283
Golden Hominy
- A8CCFF
≈ Night Snow
Analogowa -30° +30°
- EDC283
Golden Hominy
- FEB796
≈ Carotene
- D1CE85
≈ Yellow Endive
Triada +120° +240°
- EDC283
Golden Hominy
- 79DDDE
≈ Deep Aquamarine
- E2B7F3
≈ Pink Illusion
Komplementarna rozszczepiona +150° +210°
- EDC283
Golden Hominy
- 84D7F9
≈ Kul Sharif Blue
- C5C2FF
≈ Light Periwinkle
Tetrada +90° +180° +270°
- EDC283
Golden Hominy
- 8CDEBC
≈ Āsmānī Sky
- A8CCFF
≈ Night Snow
- F8B1D6
≈ Spaghetti Strap Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.64:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-hominy: #edc283;
--golden-hominy-rgb: 237 194 131;
--golden-hominy-oklch: oklch(0.838 0.094 76.4);
}
.element {
color: var(--golden-hominy);
background-color: hsl(36 75% 72%);
border-color: oklch(0.838 0.094 76.4);
}Tailwind CSS v4
@theme {
--color-golden-hominy: #edc283;
--color-golden-hominy-50: #fff3d8;
--color-golden-hominy-100: #f9e5c5;
--color-golden-hominy-200: #ebd0a7;
--color-golden-hominy-300: #d2b280;
--color-golden-hominy-400: #be975d;
--color-golden-hominy-500: #a97d36;
--color-golden-hominy-600: #8f6a2f;
--color-golden-hominy-700: #735525;
--color-golden-hominy-800: #563d1a;
--color-golden-hominy-900: #3c2a10;
--color-golden-hominy-950: #251704;
}SCSS
$golden-hominy: #edc283;
$golden-hominy-rgb: 237, 194, 131;
$golden-hominy-light: mix(#fff, $golden-hominy, 20%);
$golden-hominy-dark: mix(#000, $golden-hominy, 20%);
.element {
color: $golden-hominy;
box-shadow: 0 0 0 2px rgba($golden-hominy, 0.35);
}