가장 가까운 이름 색상 · #DD6E68
#DD6E68
가장 가까운 이름 색상: Coral Commander
#DD6E68(rgb(221 110 104), hsl(3 63% 64%), oklch(0.667 0.14 24.7))와 가장 가까운 이름 색상은 Coral Commander입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DD6E68
oklch(0.667 0.14 24.7)
색상 변환
- HEX
- #dd6e68
- RGB
- rgb(221 110 104)
- HSL
- hsl(3 63% 64%)
- HWB
- hwb(3 41% 13%)
- OKLCH
- oklch(0.667 0.14 24.7)
- OKLab
- oklab(0.667 0.127 0.059)
- CIE Lab
- lab(59.98 43.87 24.66)
- LCH
- lch(59.98 50.32 29.3)
- CMYK
- cmyk(0% 50% 53% 13%)
틴트 · 셰이드 · 톤
틴트
- E27D77
- E78C85
- EB9B94
- EFA9A3
- F3B7B2
- F6C6C1
- F9D4D0
- FBE2E0
- FDF1EF
셰이드
- C05F59
- A4504B
- 88413E
- 6E3330
- 552624
- 3D1918
- 260E0C
- 110404
- 020100
톤
- D4716B
- CC736D
- C37670
- BA7873
- B17A75
- A87B77
- 9E7D7A
- 947E7C
- 8A7F7E
색 조화
보색 +180°
- DD6E68
Coral Commander
- 00A8B5
≈ Exotic Sea
유사색 -30° +30°
- DD6E68
Coral Commander
- D56C99
≈ Fiesta Pink
- D57A33
≈ Fired Up
삼각 배색 +120° +240°
- DD6E68
Coral Commander
- 57AA5B
≈ Harā Green
- 6991EA
≈ Guilliman Blue
분열 보색 +150° +210°
- DD6E68
Coral Commander
- 00AD8F
≈ Hobgoblin
- 06A0DD
≈ Vanadyl Blue
사각 배색 +90° +180° +270°
- DD6E68
Coral Commander
- 939D22
≈ Limetta
- 00A8B5
≈ Exotic Sea
- 9B81E1
≈ Indigo Bloom
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.22:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.50:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.50:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--coral-commander: #dd6e68;
--coral-commander-rgb: 221 110 104;
--coral-commander-oklch: oklch(0.667 0.14 24.7);
}
.element {
color: var(--coral-commander);
background-color: hsl(3 63% 64%);
border-color: oklch(0.667 0.14 24.7);
}Tailwind CSS v4
@theme {
--color-coral-commander: #dd6e68;
--color-coral-commander-50: #ffe7e0;
--color-coral-commander-100: #ffd7cf;
--color-coral-commander-200: #ffbeb4;
--color-coral-commander-300: #f79b91;
--color-coral-commander-400: #e57b74;
--color-coral-commander-500: #d35a56;
--color-coral-commander-600: #b24d49;
--color-coral-commander-700: #8f3d3a;
--color-coral-commander-800: #6b2b2b;
--color-coral-commander-900: #4b1d1d;
--color-coral-commander-950: #310d0d;
}SCSS
$coral-commander: #dd6e68;
$coral-commander-rgb: 221, 110, 104;
$coral-commander-light: mix(#fff, $coral-commander, 20%);
$coral-commander-dark: mix(#000, $coral-commander, 20%);
.element {
color: $coral-commander;
box-shadow: 0 0 0 2px rgba($coral-commander, 0.35);
}