Adlandırılmış renk · #EDCD62
Grand Casino Gold
Grand Casino Gold, #EDCD62: rgb(237 205 98), hsl(46 79% 66%), oklch(0.855 0.131 92.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Grand Casino Gold color name →
#EDCD62
oklch(0.855 0.131 92.8)
Renk dönüşümleri
- HEX
- #edcd62
- RGB
- rgb(237 205 98)
- HSL
- hsl(46 79% 66%)
- HWB
- hwb(46 38% 7%)
- OKLCH
- oklch(0.855 0.131 92.8)
- OKLab
- oklab(0.855 -0.006 0.131)
- CIE Lab
- lab(83.63 2.57 56.42)
- LCH
- lch(83.63 56.48 87.4)
- CMYK
- cmyk(0% 14% 59% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFD275
- F1D786
- F2DD97
- F4E2A6
- F6E7B6
- F8ECC5
- FAF1D4
- FBF5E2
- FDFAF1
Koyu tonlar
- CEB254
- B09847
- 937E3A
- 77662D
- 5C4E21
- 423816
- 2A230B
- 140F03
- 030200
Gri tonlar
- E2C568
- D6BD6D
- CBB671
- C0AE75
- B5A678
- AA9F7A
- 9F977C
- 958F7E
- 8A887F
Renk uyumları
Tamamlayıcı +180°
- EDCD62
Grand Casino Gold
- BFCDFF
≈ Lavender Blue
Analog -30° +30°
- EDCD62
Grand Casino Gold
- FFC189
≈ Buttery
- C0DD79
≈ Cool as a Cucumber
Üçlü +120° +240°
- EDCD62
Grand Casino Gold
- 5AE4FF
≈ Shimmering Expanse Cyan
- FFB1F2
≈ Pink Apotheosis
Bölünmüş tamamlayıcı +150° +210°
- EDCD62
Grand Casino Gold
- A3D6FF
≈ Malmö FF
- DAC2FF
≈ Neon Boneyard
Dörtlü +90° +180° +270°
- EDCD62
Grand Casino Gold
- 52EBD7
≈ Near Moon
- BFCDFF
≈ Lavender Blue
- FFB9CA
≈ Tentacle Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.50:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--grand-casino-gold: #edcd62;
--grand-casino-gold-rgb: 237 205 98;
--grand-casino-gold-oklch: oklch(0.855 0.131 92.8);
}
.element {
color: var(--grand-casino-gold);
background-color: hsl(46 79% 66%);
border-color: oklch(0.855 0.131 92.8);
}Tailwind CSS v4
@theme {
--color-grand-casino-gold: #edcd62;
--color-grand-casino-gold-50: #fff6cb;
--color-grand-casino-gold-100: #f5e8b7;
--color-grand-casino-gold-200: #e6d494;
--color-grand-casino-gold-300: #ccb766;
--color-grand-casino-gold-400: #b99c33;
--color-grand-casino-gold-500: #a48200;
--color-grand-casino-gold-600: #8b6e00;
--color-grand-casino-gold-700: #6f5800;
--color-grand-casino-gold-800: #534000;
--color-grand-casino-gold-900: #3a2c00;
--color-grand-casino-gold-950: #241900;
}SCSS
$grand-casino-gold: #edcd62;
$grand-casino-gold-rgb: 237, 205, 98;
$grand-casino-gold-light: mix(#fff, $grand-casino-gold, 20%);
$grand-casino-gold-dark: mix(#000, $grand-casino-gold, 20%);
.element {
color: $grand-casino-gold;
box-shadow: 0 0 0 2px rgba($grand-casino-gold, 0.35);
}