Adlandırılmış renk · #DBB40C
Gold Tooth
Gold Tooth, #DBB40C: rgb(219 180 12), hsl(49 90% 45%), oklch(0.782 0.158 92.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Gold Tooth color name →
#DBB40C
oklch(0.782 0.158 92.9)
Renk dönüşümleri
- HEX
- #dbb40c
- RGB
- rgb(219 180 12)
- HSL
- hsl(49 90% 45%)
- HWB
- hwb(49 5% 14%)
- OKLCH
- oklch(0.782 0.158 92.9)
- OKLab
- oklab(0.782 -0.008 0.158)
- CIE Lab
- lab(75.14 4.84 75.17)
- LCH
- lch(75.14 75.33 86.3)
- CMYK
- cmyk(0% 18% 95% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFBC40
- E2C45D
- E6CB75
- E9D38A
- EDDA9F
- F1E2B3
- F4E9C6
- F8F1D9
- FBF8EC
Koyu tonlar
- BE9C09
- A28506
- 876E04
- 6D5803
- 544402
- 3C3001
- 261D00
- 110C00
- 020200
Gri tonlar
- D2AF2F
- C8AA41
- BFA54E
- B6A059
- AC9B61
- A39669
- 9A9070
- 918B76
- 89867B
Renk uyumları
Tamamlayıcı +180°
- DBB40C
Gold Tooth
- A0B3FF
≈ Wondrous Wisteria
Analog -30° +30°
- DBB40C
Gold Tooth
- FE9E38
≈ Hawaiian Passion
- A5C847
≈ Seductive Thorns
Üçlü +120° +240°
- DBB40C
Gold Tooth
- 00CEEC
≈ Picnic Day Sky
- F38FE3
≈ Bubblegum Kisses
Bölünmüş tamamlayıcı +150° +210°
- DBB40C
Gold Tooth
- 6EC1FF
≈ Maya Blue
- C9A2FF
≈ Diva
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.54:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--gold-tooth: #dbb40c;
--gold-tooth-rgb: 219 180 12;
--gold-tooth-oklch: oklch(0.782 0.158 92.9);
}
.element {
color: var(--gold-tooth);
background-color: hsl(49 90% 45%);
border-color: oklch(0.782 0.158 92.9);
}Tailwind CSS v4
@theme {
--color-gold-tooth: #dbb40c;
--color-gold-tooth-50: #fff5c2;
--color-gold-tooth-100: #f8e8ac;
--color-gold-tooth-200: #e9d484;
--color-gold-tooth-300: #d1b64e;
--color-gold-tooth-400: #bf9a00;
--color-gold-tooth-500: #ab8000;
--color-gold-tooth-600: #906d00;
--color-gold-tooth-700: #735700;
--color-gold-tooth-800: #573e00;
--color-gold-tooth-900: #3d2b00;
--color-gold-tooth-950: #261800;
}SCSS
$gold-tooth: #dbb40c;
$gold-tooth-rgb: 219, 180, 12;
$gold-tooth-light: mix(#fff, $gold-tooth, 20%);
$gold-tooth-dark: mix(#000, $gold-tooth, 20%);
.element {
color: $gold-tooth;
box-shadow: 0 0 0 2px rgba($gold-tooth, 0.35);
}