이름 색상 · #D5A68D
Coronado Dunes
Coronado Dunes은(는) #D5A68D: rgb(213 166 141), hsl(21 46% 69%), oklch(0.762 0.066 49.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Coronado Dunes color name →
#D5A68D
oklch(0.762 0.066 49.3)
색상 변환
- HEX
- #d5a68d
- RGB
- rgb(213 166 141)
- HSL
- hsl(21 46% 69%)
- HWB
- hwb(21 55% 16%)
- OKLCH
- oklch(0.762 0.066 49.3)
- OKLab
- oklab(0.762 0.043 0.05)
- CIE Lab
- lab(72.06 15.33 19.97)
- LCH
- lch(72.06 25.17 52.5)
- CMYK
- cmyk(0% 22% 34% 16%)
틴트 · 셰이드 · 톤
틴트
- D9AF98
- DEB8A3
- E2C0AF
- E7C9BA
- EBD2C5
- EFDBD1
- F3E4DC
- F7EDE8
- FBF6F3
셰이드
- B9907A
- 9E7A67
- 836555
- 6A5144
- 513E33
- 3A2B23
- 241A14
- 100A07
- 020101
톤
- CCA28C
- C49E8B
- BB9B8A
- B39788
- AA9387
- A28F86
- 998C84
- 918883
- 888481
색 조화
보색 +180°
- D5A68D
Coronado Dunes
- 86BAD3
≈ Juvie
유사색 -30° +30°
- D5A68D
Coronado Dunes
- D9A1A1
≈ Rosetti Pink
- C8AD82
≈ Mindful
삼각 배색 +120° +240°
- D5A68D
Coronado Dunes
- 88C0AB
≈ Seaborn
- B0ABD9
≈ Purple Hibiscus
분열 보색 +150° +210°
- D5A68D
Coronado Dunes
- 7FBFC2
≈ Pure Turquoise
- 99B3DC
≈ Myrtle Flower
사각 배색 +90° +180° +270°
- D5A68D
Coronado Dunes
- 9DBC94
≈ Quiet Green
- 86BAD3
≈ Juvie
- C4A5CC
≈ Tea Towel
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.66:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--coronado-dunes: #d5a68d;
--coronado-dunes-rgb: 213 166 141;
--coronado-dunes-oklch: oklch(0.762 0.066 49.3);
}
.element {
color: var(--coronado-dunes);
background-color: hsl(21 46% 69%);
border-color: oklch(0.762 0.066 49.3);
}Tailwind CSS v4
@theme {
--color-coronado-dunes: #d5a68d;
--color-coronado-dunes-50: #fff0e5;
--color-coronado-dunes-100: #fbe2d5;
--color-coronado-dunes-200: #eccdbb;
--color-coronado-dunes-300: #d4af99;
--color-coronado-dunes-400: #bf937c;
--color-coronado-dunes-500: #aa795f;
--color-coronado-dunes-600: #906751;
--color-coronado-dunes-700: #735240;
--color-coronado-dunes-800: #563b2f;
--color-coronado-dunes-900: #3c291f;
--color-coronado-dunes-950: #25170f;
}SCSS
$coronado-dunes: #d5a68d;
$coronado-dunes-rgb: 213, 166, 141;
$coronado-dunes-light: mix(#fff, $coronado-dunes, 20%);
$coronado-dunes-dark: mix(#000, $coronado-dunes, 20%);
.element {
color: $coronado-dunes;
box-shadow: 0 0 0 2px rgba($coronado-dunes, 0.35);
}