Adlandırılmış renk · #D9A400
Golden Beryl Yellow
Golden Beryl Yellow, #D9A400: rgb(217 164 0), hsl(45 100% 43%), oklch(0.748 0.153 85.2). 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 Beryl Yellow color name →
#D9A400
oklch(0.748 0.153 85.2)
Renk dönüşümleri
- HEX
- #d9a400
- RGB
- rgb(217 164 0)
- HSL
- hsl(45 100% 43%)
- HWB
- hwb(45 0% 15%)
- OKLCH
- oklch(0.748 0.153 85.2)
- OKLab
- oklab(0.748 0.013 0.153)
- CIE Lab
- lab(70.91 11.95 73.6)
- LCH
- lch(70.91 74.56 80.8)
- CMYK
- cmyk(0% 24% 100% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DDAD3B
- E1B758
- E5C071
- E9C987
- EDD29C
- F0DBB0
- F4E4C4
- F8EDD8
- FBF6EB
Koyu tonlar
- BC8E00
- A17900
- 866400
- 6C5000
- 533D00
- 3B2B00
- 251A00
- 110A00
- 020100
Gri tonlar
- D0A12A
- C79D3D
- BE9A4A
- B59755
- AC935E
- A38F66
- 9A8C6E
- 918874
- 89847A
Renk uyumları
Tamamlayıcı +180°
- D9A400
Golden Beryl Yellow
- 85ABFF
≈ Kitten’s Eye
Analog -30° +30°
- D9A400
Golden Beryl Yellow
- F69041
≈ Fall River
- AAB831
≈ Lush Bamboo
Üçlü +120° +240°
- D9A400
Golden Beryl Yellow
- 00C4D4
≈ The Crowd Roars!
- DD89E2
≈ Bright Lilac
Bölünmüş tamamlayıcı +150° +210°
- D9A400
Golden Beryl Yellow
- 22BBFF
≈ Cherenkov Radiation
- B599FF
≈ Liliac
Dörtlü +90° +180° +270°
- D9A400
Golden Beryl Yellow
- 00C9A8
≈ Jadeite
- 85ABFF
≈ Kitten’s Eye
- F781B2
≈ Brown Knapweed
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.26:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.26:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.26:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-beryl-yellow: #d9a400;
--golden-beryl-yellow-rgb: 217 164 0;
--golden-beryl-yellow-oklch: oklch(0.748 0.153 85.2);
}
.element {
color: var(--golden-beryl-yellow);
background-color: hsl(45 100% 43%);
border-color: oklch(0.748 0.153 85.2);
}Tailwind CSS v4
@theme {
--color-golden-beryl-yellow: #d9a400;
--color-golden-beryl-yellow-50: #fff3c4;
--color-golden-beryl-yellow-100: #fee5ad;
--color-golden-beryl-yellow-200: #f0d186;
--color-golden-beryl-yellow-300: #d9b252;
--color-golden-beryl-yellow-400: #c79600;
--color-golden-beryl-yellow-500: #b47a00;
--color-golden-beryl-yellow-600: #986800;
--color-golden-beryl-yellow-700: #7a5300;
--color-golden-beryl-yellow-800: #5b3c00;
--color-golden-beryl-yellow-900: #402900;
--color-golden-beryl-yellow-950: #291600;
}SCSS
$golden-beryl-yellow: #d9a400;
$golden-beryl-yellow-rgb: 217, 164, 0;
$golden-beryl-yellow-light: mix(#fff, $golden-beryl-yellow, 20%);
$golden-beryl-yellow-dark: mix(#000, $golden-beryl-yellow, 20%);
.element {
color: $golden-beryl-yellow;
box-shadow: 0 0 0 2px rgba($golden-beryl-yellow, 0.35);
}