이름 색상 · #D5BFAD
Elusive Dawn
Elusive Dawn은(는) #D5BFAD: rgb(213 191 173), hsl(27 32% 76%), oklch(0.818 0.035 61.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Elusive Dawn color name →
#D5BFAD
oklch(0.818 0.035 61.6)
색상 변환
- HEX
- #d5bfad
- RGB
- rgb(213 191 173)
- HSL
- hsl(27 32% 76%)
- HWB
- hwb(27 68% 16%)
- OKLCH
- oklch(0.818 0.035 61.6)
- OKLab
- oklab(0.818 0.017 0.031)
- CIE Lab
- lab(78.86 5.93 12.11)
- LCH
- lch(78.86 13.48 63.9)
- CMYK
- cmyk(0% 10% 19% 16%)
틴트 · 셰이드 · 톤
틴트
- D9C5B5
- DDCCBD
- E2D2C5
- E6D8CD
- EADFD5
- EEE5DE
- F2ECE6
- F7F2EE
- FBF8F7
셰이드
- B9A696
- 9E8D7F
- 83756A
- 6A5E55
- 514841
- 3A332D
- 241F1B
- 100D0B
- 020201
톤
- CCB9A8
- C3B2A4
- BBAC9F
- B2A59B
- AA9F96
- A19992
- 99928D
- 908C89
- 888684
색 조화
보색 +180°
- D5BFAD
Elusive Dawn
- B0C7D9
≈ Caspian Tide
유사색 -30° +30°
- D5BFAD
Elusive Dawn
- D9BCB6
≈ Rose Yoghurt
- CCC3AA
≈ Threaded Loom
삼각 배색 +120° +240°
- D5BFAD
Elusive Dawn
- ACCBC5
≈ Baby Aqua
- C7BFD7
≈ Playful Petal
분열 보색 +150° +210°
- D5BFAD
Elusive Dawn
- AACAD1
≈ Sky Chase
- BBC3DB
≈ Blue Hydrangea
사각 배색 +90° +180° +270°
- D5BFAD
Elusive Dawn
- B4CBB8
≈ Subtle Green
- B0C7D9
≈ Caspian Tide
- D2BCCE
≈ Tamed Beauty
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.88:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--elusive-dawn: #d5bfad;
--elusive-dawn-rgb: 213 191 173;
--elusive-dawn-oklch: oklch(0.818 0.035 61.6);
}
.element {
color: var(--elusive-dawn);
background-color: hsl(27 32% 76%);
border-color: oklch(0.818 0.035 61.6);
}Tailwind CSS v4
@theme {
--color-elusive-dawn: #d5bfad;
--color-elusive-dawn-50: #fdf3eb;
--color-elusive-dawn-100: #f1e6dc;
--color-elusive-dawn-200: #dfd1c5;
--color-elusive-dawn-300: #c5b4a5;
--color-elusive-dawn-400: #ae9a8a;
--color-elusive-dawn-500: #98816f;
--color-elusive-dawn-600: #806e5e;
--color-elusive-dawn-700: #67584b;
--color-elusive-dawn-800: #4c4036;
--color-elusive-dawn-900: #352c25;
--color-elusive-dawn-950: #201914;
}SCSS
$elusive-dawn: #d5bfad;
$elusive-dawn-rgb: 213, 191, 173;
$elusive-dawn-light: mix(#fff, $elusive-dawn, 20%);
$elusive-dawn-dark: mix(#000, $elusive-dawn, 20%);
.element {
color: $elusive-dawn;
box-shadow: 0 0 0 2px rgba($elusive-dawn, 0.35);
}