Adlandırılmış renk · #EDDB8E
Golden Scarab
Golden Scarab, #EDDB8E: rgb(237 219 142), hsl(49 73% 74%), oklch(0.889 0.099 96.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Golden Scarab color name →
#EDDB8E
oklch(0.889 0.099 96.6)
Renk dönüşümleri
- HEX
- #eddb8e
- RGB
- rgb(237 219 142)
- HSL
- hsl(49 73% 74%)
- HWB
- hwb(49 56% 7%)
- OKLCH
- oklch(0.889 0.099 96.6)
- OKLab
- oklab(0.889 -0.011 0.098)
- CIE Lab
- lab(87.61 -1.39 40.19)
- LCH
- lch(87.61 40.22 92)
- CMYK
- cmyk(0% 8% 40% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFDF9A
- F1E2A6
- F2E6B2
- F4EABD
- F6EDC8
- F8F1D3
- F9F5DE
- FBF8E9
- FDFCF4
Koyu tonlar
- CEBE7B
- B0A268
- 938756
- 776D44
- 5C5434
- 423C24
- 2A2615
- 141107
- 030201
Gri tonlar
- E2D28D
- D6C88D
- CBBF8C
- C0B68B
- B5AD89
- AAA488
- 9F9B86
- 959284
- 8A8982
Renk uyumları
Tamamlayıcı +180°
- EDDB8E
Golden Scarab
- D0D8FF
≈ Icy Plains
Analog -30° +30°
- EDDB8E
Golden Scarab
- FFD1A2
≈ Orange Canyon
- C9E79F
≈ Field Day
Üçlü +120° +240°
- EDDB8E
Golden Scarab
- 97E9FF
≈ Winter Wizard
- FFC6EF
≈ Rosy Maple Moth
Bölünmüş tamamlayıcı +150° +210°
- EDDB8E
Golden Scarab
- BCDFFF
≈ Dithered Sky
- E6CFFF
≈ Lens Flare Pink
Dörtlü +90° +180° +270°
- EDDB8E
Golden Scarab
- 88F0E5
≈ Turquoise Pearl
- D0D8FF
≈ Icy Plains
- FFCBD4
≈ Sweet Sixteen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.12:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-scarab: #eddb8e;
--golden-scarab-rgb: 237 219 142;
--golden-scarab-oklch: oklch(0.889 0.099 96.6);
}
.element {
color: var(--golden-scarab);
background-color: hsl(49 73% 74%);
border-color: oklch(0.889 0.099 96.6);
}Tailwind CSS v4
@theme {
--color-golden-scarab: #eddb8e;
--color-golden-scarab-50: #fcf6d6;
--color-golden-scarab-100: #f0e9c4;
--color-golden-scarab-200: #dfd5a5;
--color-golden-scarab-300: #c4b97d;
--color-golden-scarab-400: #af9f57;
--color-golden-scarab-500: #99862d;
--color-golden-scarab-600: #817128;
--color-golden-scarab-700: #685b20;
--color-golden-scarab-800: #4d4215;
--color-golden-scarab-900: #362d0d;
--color-golden-scarab-950: #211a02;
}SCSS
$golden-scarab: #eddb8e;
$golden-scarab-rgb: 237, 219, 142;
$golden-scarab-light: mix(#fff, $golden-scarab, 20%);
$golden-scarab-dark: mix(#000, $golden-scarab, 20%);
.element {
color: $golden-scarab;
box-shadow: 0 0 0 2px rgba($golden-scarab, 0.35);
}