이름 색상 · #DBA480
Windswept Canyon
Windswept Canyon은(는) #DBA480: rgb(219 164 128), hsl(24 56% 68%), oklch(0.762 0.082 54.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Windswept Canyon color name →
#DBA480
oklch(0.762 0.082 54.3)
색상 변환
- HEX
- #dba480
- RGB
- rgb(219 164 128)
- HSL
- hsl(24 56% 68%)
- HWB
- hwb(24 50% 14%)
- OKLCH
- oklch(0.762 0.082 54.3)
- OKLab
- oklab(0.762 0.048 0.066)
- CIE Lab
- lab(72.02 17.64 27.04)
- LCH
- lch(72.02 32.29 56.9)
- CMYK
- cmyk(0% 25% 42% 14%)
틴트 · 셰이드 · 톤
틴트
- DFAD8D
- E3B699
- E7BFA6
- EBC8B2
- EED1BF
- F2DACC
- F5E3D8
- F9EDE5
- FCF6F2
셰이드
- BE8E6E
- A2795D
- 87644D
- 6D503D
- 543D2E
- 3C2B1F
- 261A12
- 110A06
- 020101
톤
- D2A180
- C99D81
- BF9981
- B69681
- AD9281
- A48F81
- 9B8B81
- 928781
- 898480
색 조화
보색 +180°
- DBA480
Windswept Canyon
- 7CBBDE
≈ 21st Century Blue
유사색 -30° +30°
- DBA480
Windswept Canyon
- E19E98
≈ Coral Almond
- CAAE75
≈ Sandstone
삼각 배색 +120° +240°
- DBA480
Windswept Canyon
- 77C3AE
≈ Pale Jade
- B4A8E1
≈ Maximum Blue Purple
분열 보색 +150° +210°
- DBA480
Windswept Canyon
- 6EC1CA
≈ Luna Moona
- 98B1E6
≈ Blue Skies Today
사각 배색 +90° +180° +270°
- DBA480
Windswept Canyon
- 92C091
≈ Velvet Leaf
- 7CBBDE
≈ 21st Century Blue
- CCA0CF
≈ Lilac Lace
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.63:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--windswept-canyon: #dba480;
--windswept-canyon-rgb: 219 164 128;
--windswept-canyon-oklch: oklch(0.762 0.082 54.3);
}
.element {
color: var(--windswept-canyon);
background-color: hsl(24 56% 68%);
border-color: oklch(0.762 0.082 54.3);
}Tailwind CSS v4
@theme {
--color-windswept-canyon: #dba480;
--color-windswept-canyon-50: #fff0df;
--color-windswept-canyon-100: #fee2ce;
--color-windswept-canyon-200: #f0ccb3;
--color-windswept-canyon-300: #d9ad8f;
--color-windswept-canyon-400: #c59270;
--color-windswept-canyon-500: #b07750;
--color-windswept-canyon-600: #956545;
--color-windswept-canyon-700: #785137;
--color-windswept-canyon-800: #593a27;
--color-windswept-canyon-900: #3e281a;
--color-windswept-canyon-950: #27160b;
}SCSS
$windswept-canyon: #dba480;
$windswept-canyon-rgb: 219, 164, 128;
$windswept-canyon-light: mix(#fff, $windswept-canyon, 20%);
$windswept-canyon-dark: mix(#000, $windswept-canyon, 20%);
.element {
color: $windswept-canyon;
box-shadow: 0 0 0 2px rgba($windswept-canyon, 0.35);
}