이름 색상 · #C6DEDF
Light Dante Peak
Light Dante Peak은(는) #C6DEDF: rgb(198 222 223), hsl(182 28% 83%), oklch(0.883 0.026 199.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Dante Peak color name →
#C6DEDF
oklch(0.883 0.026 199.8)
색상 변환
- HEX
- #c6dedf
- RGB
- rgb(198 222 223)
- HSL
- hsl(182 28% 83%)
- HWB
- hwb(182 78% 13%)
- OKLCH
- oklch(0.883 0.026 199.8)
- OKLab
- oklab(0.883 -0.024 -0.009)
- CIE Lab
- lab(86.7 -8.1 -3.34)
- LCH
- lch(86.7 8.77 202.4)
- CMYK
- cmyk(11% 0% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- CCE1E2
- D1E5E5
- D7E8E9
- DDEBEC
- E2EEEF
- E8F2F2
- EEF5F5
- F4F8F9
- F9FCFC
셰이드
- ACC1C2
- 92A5A5
- 7A898A
- 626F6F
- 4B5556
- 353D3D
- 212627
- 0E1212
- 020202
톤
- BFD4D5
- B8CACB
- B1C1C2
- AAB7B8
- A2AEAE
- 9CA4A5
- 959B9B
- 8E9292
- 878989
색 조화
보색 +180°
- C6DEDF
Light Dante Peak
- E9D2D2
≈ Pink Plum
유사색 -30° +30°
- C6DEDF
Light Dante Peak
- C9DED6
≈ Whipped Mint
- C8DCE6
≈ Blue Me Away
삼각 배색 +120° +240°
- C6DEDF
Light Dante Peak
- E0D3E3
≈ Purplish White
- E2D7C6
≈ Canvas Luggage
분열 보색 +150° +210°
- C6DEDF
Light Dante Peak
- E7D2DB
≈ Pink Frappé
- E7D4CA
≈ Honeysuckle Delight
사각 배색 +90° +180° +270°
- C6DEDF
Light Dante Peak
- D8D6E9
≈ Slaanesh Grey
- E9D2D2
≈ Pink Plum
- D9DAC7
≈ Smoky Light
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.91:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.91:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--light-dante-peak: #c6dedf;
--light-dante-peak-rgb: 198 222 223;
--light-dante-peak-oklch: oklch(0.883 0.026 199.8);
}
.element {
color: var(--light-dante-peak);
background-color: hsl(182 28% 83%);
border-color: oklch(0.883 0.026 199.8);
}Tailwind CSS v4
@theme {
--color-light-dante-peak: #c6dedf;
--color-light-dante-peak-50: #edf7f8;
--color-light-dante-peak-100: #dfebeb;
--color-light-dante-peak-200: #c8d8d9;
--color-light-dante-peak-300: #a9bcbd;
--color-light-dante-peak-400: #8ea3a4;
--color-light-dante-peak-500: #738c8d;
--color-light-dante-peak-600: #627677;
--color-light-dante-peak-700: #4e5f5f;
--color-light-dante-peak-800: #384545;
--color-light-dante-peak-900: #273030;
--color-light-dante-peak-950: #151c1c;
}SCSS
$light-dante-peak: #c6dedf;
$light-dante-peak-rgb: 198, 222, 223;
$light-dante-peak-light: mix(#fff, $light-dante-peak, 20%);
$light-dante-peak-dark: mix(#000, $light-dante-peak, 20%);
.element {
color: $light-dante-peak;
box-shadow: 0 0 0 2px rgba($light-dante-peak, 0.35);
}