Adlandırılmış renk · #DAC01A
Zingiber
Zingiber, #DAC01A: rgb(218 192 26), hsl(52 79% 48%), oklch(0.806 0.162 99). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Zingiber color name →
#DAC01A
oklch(0.806 0.162 99)
Renk dönüşümleri
- HEX
- #dac01a
- RGB
- rgb(218 192 26)
- HSL
- hsl(52 79% 48%)
- HWB
- hwb(52 10% 15%)
- OKLCH
- oklch(0.806 0.162 99)
- OKLab
- oklab(0.806 -0.025 0.16)
- CIE Lab
- lab(78.14 -1.37 75.14)
- LCH
- lch(78.14 75.15 91)
- CMYK
- cmyk(0% 12% 88% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DEC746
- E1CD62
- E5D479
- E8DA8E
- ECE1A2
- F0E7B5
- F3EDC8
- F7F3DB
- FBF9ED
Koyu tonlar
- BDA715
- A28E10
- 87760C
- 6C5F07
- 544904
- 3C3402
- 252001
- 110E00
- 020200
Gri tonlar
- D1BA36
- C7B346
- BEAD52
- B5A75C
- ACA064
- A39A6B
- 9A9471
- 918D77
- 88877C
Renk uyumları
Tamamlayıcı +180°
- DAC01A
Zingiber
- B1B9FF
≈ Greyish Lavender
Analog -30° +30°
- DAC01A
Zingiber
- FFAB3D
≈ Peach Butter
- 9FD359
≈ Young Green Onion
Üçlü +120° +240°
- DAC01A
Zingiber
- 00D5FF
≈ Neon Blue
- FF96E0
≈ Pink Condition
Bölünmüş tamamlayıcı +150° +210°
- DAC01A
Zingiber
- 8BC5FF
≈ Chromis Damsel Blue
- D8A8FF
≈ Testosterose
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.53:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--zingiber: #dac01a;
--zingiber-rgb: 218 192 26;
--zingiber-oklch: oklch(0.806 0.162 99);
}
.element {
color: var(--zingiber);
background-color: hsl(52 79% 48%);
border-color: oklch(0.806 0.162 99);
}Tailwind CSS v4
@theme {
--color-zingiber: #dac01a;
--color-zingiber-50: #fff7c2;
--color-zingiber-100: #f3eaab;
--color-zingiber-200: #e3d783;
--color-zingiber-300: #c9ba4c;
--color-zingiber-400: #b79e00;
--color-zingiber-500: #a28500;
--color-zingiber-600: #897000;
--color-zingiber-700: #6e5a00;
--color-zingiber-800: #534100;
--color-zingiber-900: #3a2d00;
--color-zingiber-950: #241900;
}SCSS
$zingiber: #dac01a;
$zingiber-rgb: 218, 192, 26;
$zingiber-light: mix(#fff, $zingiber, 20%);
$zingiber-dark: mix(#000, $zingiber, 20%);
.element {
color: $zingiber;
box-shadow: 0 0 0 2px rgba($zingiber, 0.35);
}