가장 가까운 이름 색상 · #C7E2D7
#C7E2D7
가장 가까운 이름 색상: Antiguan
#C7E2D7(rgb(199 226 215), hsl(156 32% 83%), oklch(0.89 0.032 169.1))와 가장 가까운 이름 색상은 Antiguan입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C7E2D7
oklch(0.89 0.032 169.1)
색상 변환
- HEX
- #c7e2d7
- RGB
- rgb(199 226 215)
- HSL
- hsl(156 32% 83%)
- HWB
- hwb(156 78% 11%)
- OKLCH
- oklch(0.89 0.032 169.1)
- OKLab
- oklab(0.89 -0.032 0.006)
- CIE Lab
- lab(87.65 -10.83 2.22)
- LCH
- lch(87.65 11.05 168.4)
- CMYK
- cmyk(12% 0% 5% 11%)
틴트 · 셰이드 · 톤
틴트
- CDE5DB
- D2E8DF
- D8EBE3
- DDEEE7
- E3F0EB
- E9F3EF
- EEF6F3
- F4F9F7
- F9FCFB
셰이드
- ADC4BB
- 93A89F
- 7A8C85
- 62716B
- 4C5752
- 363E3B
- 212725
- 0E1211
- 020302
톤
- C0D8CE
- B8CEC5
- B1C4BC
- AABAB3
- A3B0AA
- 9CA6A2
- 959C99
- 8E9391
- 878988
색 조화
보색 +180°
- C7E2D7
Antiguan
- ECD3DE
≈ Light Favourite Lady
유사색 -30° +30°
- C7E2D7
Antiguan
- D0E0CC
≈ Endive
- C3E2E3
≈ Cold Wave
삼각 배색 +120° +240°
- C7E2D7
Antiguan
- D9D8EF
≈ Quartz
- EDD5C8
≈ Blush Beige
분열 보색 +150° +210°
- C7E2D7
Antiguan
- E4D4E9
≈ Old Chalk
- F0D3D2
≈ Marshmallow Magic
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.28:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--antiguan: #c7e2d7;
--antiguan-rgb: 199 226 215;
--antiguan-oklch: oklch(0.89 0.032 169.1);
}
.element {
color: var(--antiguan);
background-color: hsl(156 32% 83%);
border-color: oklch(0.89 0.032 169.1);
}Tailwind CSS v4
@theme {
--color-antiguan: #c7e2d7;
--color-antiguan-50: #edf8f4;
--color-antiguan-100: #deece6;
--color-antiguan-200: #c7d9d2;
--color-antiguan-300: #a8bdb5;
--color-antiguan-400: #8da59b;
--color-antiguan-500: #728d82;
--color-antiguan-600: #60786e;
--color-antiguan-700: #4d6058;
--color-antiguan-800: #384640;
--color-antiguan-900: #26312c;
--color-antiguan-950: #151d19;
}SCSS
$antiguan: #c7e2d7;
$antiguan-rgb: 199, 226, 215;
$antiguan-light: mix(#fff, $antiguan, 20%);
$antiguan-dark: mix(#000, $antiguan, 20%);
.element {
color: $antiguan;
box-shadow: 0 0 0 2px rgba($antiguan, 0.35);
}