Adlandırılmış renk · #EEBB44
Golden Glam
Golden Glam, #EEBB44: rgb(238 187 68), hsl(42 83% 60%), oklch(0.818 0.144 84.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Golden Glam color name →
#EEBB44
oklch(0.818 0.144 84.8)
Renk dönüşümleri
- HEX
- #eebb44
- RGB
- rgb(238 187 68)
- HSL
- hsl(42 83% 60%)
- HWB
- hwb(42 27% 7%)
- OKLCH
- oklch(0.818 0.144 84.8)
- OKLab
- oklab(0.818 0.013 0.143)
- CIE Lab
- lab(79.04 10.58 64.42)
- LCH
- lch(79.04 65.28 80.7)
- CMYK
- cmyk(0% 21% 71% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0C25D
- F2C973
- F4D086
- F5D799
- F7DEAB
- F9E5BC
- FAEBCD
- FCF2DE
- FEF9EE
Koyu tonlar
- CFA23A
- B18A30
- 937326
- 775C1D
- 5C4614
- 42320C
- 2A1F05
- 140D02
- 030200
Gri tonlar
- E3B550
- D7AF59
- CCAA61
- C1A467
- B69E6D
- AB9872
- A09276
- 958C7A
- 8B867D
Renk uyumları
Tamamlayıcı +180°
- EEBB44
Golden Glam
- A6C3FF
≈ Pastel Blue
Analog -30° +30°
- EEBB44
Golden Glam
- FFAE76
≈ Bloom
- C1CE57
≈ Wild Lime
Üçlü +120° +240°
- EEBB44
Golden Glam
- 00DDEE
≈ Tamarama
- F2A2F7
≈ Rich Brilliant Lavender
Bölünmüş tamamlayıcı +150° +210°
- EEBB44
Golden Glam
- 79CFFF
≈ Bubbly Barracuda
- C7B6FF
≈ Violet Heaven
Dörtlü +90° +180° +270°
- EEBB44
Golden Glam
- 35E1BE
≈ Celestial Green
- A6C3FF
≈ Pastel Blue
- FFA3C7
≈ Bazooka Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.82:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-glam: #eebb44;
--golden-glam-rgb: 238 187 68;
--golden-glam-oklch: oklch(0.818 0.144 84.8);
}
.element {
color: var(--golden-glam);
background-color: hsl(42 83% 60%);
border-color: oklch(0.818 0.144 84.8);
}Tailwind CSS v4
@theme {
--color-golden-glam: #eebb44;
--color-golden-glam-50: #fff3c7;
--color-golden-glam-100: #fde6b1;
--color-golden-glam-200: #efd18c;
--color-golden-glam-300: #d7b25b;
--color-golden-glam-400: #c5961d;
--color-golden-glam-500: #b17b00;
--color-golden-glam-600: #966900;
--color-golden-glam-700: #785400;
--color-golden-glam-800: #5a3c00;
--color-golden-glam-900: #3f2900;
--color-golden-glam-950: #281700;
}SCSS
$golden-glam: #eebb44;
$golden-glam-rgb: 238, 187, 68;
$golden-glam-light: mix(#fff, $golden-glam, 20%);
$golden-glam-dark: mix(#000, $golden-glam, 20%);
.element {
color: $golden-glam;
box-shadow: 0 0 0 2px rgba($golden-glam, 0.35);
}