이름 색상 · #DFC393
Dirty Blonde
Dirty Blonde은(는) #DFC393: rgb(223 195 147), hsl(38 54% 73%), oklch(0.829 0.071 80.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Dirty Blonde color name →
#DFC393
oklch(0.829 0.071 80.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E2C99E
- E5CFA9
- E9D5B4
- ECDBBE
- EFE1C9
- F2E7D4
- F6EDDF
- F9F3E9
- FCF9F4
셰이드
- C2A97F
- A5906C
- 8A7859
- 6F6047
- 564A36
- 3D3425
- 272016
- 120E08
- 020201
톤
- D5BC91
- CBB590
- C2AF8E
- B8A88C
- AEA18B
- A59A89
- 9C9487
- 928D84
- 898782
색 조화
보색 +180°
- DFC393
Dirty Blonde
- ADC8F6
≈ Night Snow
유사색 -30° +30°
- DFC393
Dirty Blonde
- EDBB9E
≈ Cinnamon Foam
- C9CC97
≈ Vegetarian Vulture
삼각 배색 +120° +240°
- DFC393
Dirty Blonde
- 8FD5DA
≈ Vibrant Soft Blue
- DDB9E4
≈ Pretty Petunia
분열 보색 +150° +210°
- DFC393
Dirty Blonde
- 98D0ED
≈ Light Bright Spark
- C7C0F2
≈ Vodka
사각 배색 +90° +180° +270°
- DFC393
Dirty Blonde
- 98D7C1
≈ Chloride
- ADC8F6
≈ Night Snow
- ECB5CD
≈ Fairy Tale
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.36:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
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);
}