이름 색상 · #DDA69F
Coral Cove
Coral Cove은(는) #DDA69F: rgb(221 166 159), hsl(7 48% 75%), oklch(0.774 0.066 26.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Coral Cove color name →
#DDA69F
oklch(0.774 0.066 26.9)
색상 변환
- HEX
- #dda69f
- RGB
- rgb(221 166 159)
- HSL
- hsl(7 48% 75%)
- HWB
- hwb(7 62% 13%)
- OKLCH
- oklch(0.774 0.066 26.9)
- OKLab
- oklab(0.774 0.059 0.03)
- CIE Lab
- lab(73.24 20.18 11.96)
- LCH
- lch(73.24 23.45 30.7)
- CMYK
- cmyk(0% 25% 28% 13%)
틴트 · 셰이드 · 톤
틴트
- E1AFA8
- E5B8B2
- E8C0BB
- ECC9C5
- EFD2CE
- F3DBD8
- F6E4E2
- F9EDEB
- FCF6F5
셰이드
- C0908A
- A47A75
- 886561
- 6E514D
- 553E3B
- 3D2B29
- 261A18
- 110A09
- 020101
톤
- D4A29C
- CA9E99
- C19B96
- B89793
- AE9390
- A58F8C
- 9C8C89
- 938886
- 898483
색 조화
보색 +180°
- DDA69F
Coral Cove
- 82C2CB
≈ Antigua Sand
유사색 -30° +30°
- DDA69F
Coral Cove
- D9A5B6
≈ Pink Nectar
- D7AC8D
≈ Salmon Sand
삼각 배색 +120° +240°
- DDA69F
Coral Cove
- 9AC29D
≈ Spruce Stone
- A3B5E1
≈ Myrtle Flower
분열 보색 +150° +210°
- DDA69F
Coral Cove
- 87C4B5
≈ Aquastone
- 8DBDDB
≈ Frozen Whisper
사각 배색 +90° +180° +270°
- DDA69F
Coral Cove
- B2BC8B
≈ Aloe Plant
- 82C2CB
≈ Antigua Sand
- BAADDC
≈ Purple Hibiscus
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.09:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.02:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--coral-cove: #dda69f;
--coral-cove-rgb: 221 166 159;
--coral-cove-oklch: oklch(0.774 0.066 26.9);
}
.element {
color: var(--coral-cove);
background-color: hsl(7 48% 75%);
border-color: oklch(0.774 0.066 26.9);
}Tailwind CSS v4
@theme {
--color-coral-cove: #dda69f;
--color-coral-cove-50: #ffefea;
--color-coral-cove-100: #fde0db;
--color-coral-cove-200: #efcac4;
--color-coral-cove-300: #d7aba4;
--color-coral-cove-400: #c39089;
--color-coral-cove-500: #ae756e;
--color-coral-cove-600: #93635e;
--color-coral-cove-700: #764f4b;
--color-coral-cove-800: #573937;
--color-coral-cove-900: #3d2725;
--color-coral-cove-950: #261514;
}SCSS
$coral-cove: #dda69f;
$coral-cove-rgb: 221, 166, 159;
$coral-cove-light: mix(#fff, $coral-cove, 20%);
$coral-cove-dark: mix(#000, $coral-cove, 20%);
.element {
color: $coral-cove;
box-shadow: 0 0 0 2px rgba($coral-cove, 0.35);
}