Adlandırılmış renk · #DFC393
Dirty Blonde
Dirty Blonde, #DFC393: rgb(223 195 147), hsl(38 54% 73%), oklch(0.829 0.071 80.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Dirty Blonde color name →
#DFC393
oklch(0.829 0.071 80.9)
Renk dönüşümleri
- HEX
- #dfc393
- RGB
- rgb(223 195 147)
- HSL
- hsl(38 54% 73%)
- HWB
- hwb(38 58% 13%)
- OKLCH
- oklch(0.829 0.071 80.9)
- OKLab
- oklab(0.829 0.011 0.07)
- CIE Lab
- lab(80.35 5.22 28.03)
- LCH
- lch(80.35 28.51 79.5)
- CMYK
- cmyk(0% 13% 34% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2C99E
- E5CFA9
- E9D5B4
- ECDBBE
- EFE1C9
- F2E7D4
- F6EDDF
- F9F3E9
- FCF9F4
Koyu tonlar
- C2A97F
- A5906C
- 8A7859
- 6F6047
- 564A36
- 3D3425
- 272016
- 120E08
- 020201
Gri tonlar
- D5BC91
- CBB590
- C2AF8E
- B8A88C
- AEA18B
- A59A89
- 9C9487
- 928D84
- 898782
Renk uyumları
Tamamlayıcı +180°
- DFC393
Dirty Blonde
- ADC8F6
≈ Night Snow
Analog -30° +30°
- DFC393
Dirty Blonde
- EDBB9E
≈ Cinnamon Foam
- C9CC97
≈ Vegetarian Vulture
Üçlü +120° +240°
- DFC393
Dirty Blonde
- 8FD5DA
≈ Vibrant Soft Blue
- DDB9E4
≈ Pretty Petunia
Bölünmüş tamamlayıcı +150° +210°
- DFC393
Dirty Blonde
- 98D0ED
≈ Light Bright Spark
- C7C0F2
≈ Vodka
Dörtlü +90° +180° +270°
- DFC393
Dirty Blonde
- 98D7C1
≈ Chloride
- ADC8F6
≈ Night Snow
- ECB5CD
≈ Fairy Tale
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.36:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--dirty-blonde: #dfc393;
--dirty-blonde-rgb: 223 195 147;
--dirty-blonde-oklch: oklch(0.829 0.071 80.9);
}
.element {
color: var(--dirty-blonde);
background-color: hsl(38 54% 73%);
border-color: oklch(0.829 0.071 80.9);
}Tailwind CSS v4
@theme {
--color-dirty-blonde: #dfc393;
--color-dirty-blonde-50: #fff4df;
--color-dirty-blonde-100: #f4e6ce;
--color-dirty-blonde-200: #e3d2b3;
--color-dirty-blonde-300: #c9b58f;
--color-dirty-blonde-400: #b49a6e;
--color-dirty-blonde-500: #9e814e;
--color-dirty-blonde-600: #866e43;
--color-dirty-blonde-700: #6b5835;
--color-dirty-blonde-800: #504025;
--color-dirty-blonde-900: #372c19;
--color-dirty-blonde-950: #22190a;
}SCSS
$dirty-blonde: #dfc393;
$dirty-blonde-rgb: 223, 195, 147;
$dirty-blonde-light: mix(#fff, $dirty-blonde, 20%);
$dirty-blonde-dark: mix(#000, $dirty-blonde, 20%);
.element {
color: $dirty-blonde;
box-shadow: 0 0 0 2px rgba($dirty-blonde, 0.35);
}