이름 색상 · #9ECDD5
Sea Dew
Sea Dew은(는) #9ECDD5: rgb(158 205 213), hsl(189 40% 73%), oklch(0.818 0.05 209.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Sea Dew color name →
#9ECDD5
oklch(0.818 0.05 209.1)
색상 변환
- HEX
- #9ecdd5
- RGB
- rgb(158 205 213)
- HSL
- hsl(189 40% 73%)
- HWB
- hwb(189 62% 16%)
- OKLCH
- oklch(0.818 0.05 209.1)
- OKLab
- oklab(0.818 -0.044 -0.024)
- CIE Lab
- lab(79.27 -14.56 -9.29)
- LCH
- lch(79.27 17.27 212.5)
- CMYK
- cmyk(26% 4% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- A8D2D9
- B2D7DD
- BBDCE2
- C5E1E6
- CFE6EA
- D8EBEE
- E2F0F2
- ECF5F7
- F5FAFB
셰이드
- 89B2B9
- 74989E
- 607E83
- 4D666A
- 3A4E51
- 29383A
- 182324
- 090F10
- 010202
톤
- 9BC5CC
- 99BDC3
- 96B5BB
- 93AEB2
- 90A6AA
- 8D9EA1
- 8A9799
- 878F90
- 838788
색 조화
보색 +180°
- 9ECDD5
Sea Dew
- E2B8B1
≈ Gracious Rose
유사색 -30° +30°
- 9ECDD5
Sea Dew
- A1CFC4
≈ Phosphorus
- A6C9E1
≈ Template
삼각 배색 +120° +240°
- 9ECDD5
Sea Dew
- D7B8D4
≈ Lilac Haze
- D0C29F
≈ Castaway Beach
분열 보색 +150° +210°
- 9ECDD5
Sea Dew
- E0B6C2
≈ Melanie
- DDBCA4
≈ Brown-Bag It
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.14:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.14:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--sea-dew: #9ecdd5;
--sea-dew-rgb: 158 205 213;
--sea-dew-oklch: oklch(0.818 0.05 209.1);
}
.element {
color: var(--sea-dew);
background-color: hsl(189 40% 73%);
border-color: oklch(0.818 0.05 209.1);
}Tailwind CSS v4
@theme {
--color-sea-dew: #9ecdd5;
--color-sea-dew-50: #e6f9fd;
--color-sea-dew-100: #d6edf1;
--color-sea-dew-200: #bddbe0;
--color-sea-dew-300: #9bbfc6;
--color-sea-dew-400: #7ca7ae;
--color-sea-dew-500: #5d9098;
--color-sea-dew-600: #507a81;
--color-sea-dew-700: #3f6167;
--color-sea-dew-800: #2d474b;
--color-sea-dew-900: #1e3234;
--color-sea-dew-950: #0e1d20;
}SCSS
$sea-dew: #9ecdd5;
$sea-dew-rgb: 158, 205, 213;
$sea-dew-light: mix(#fff, $sea-dew, 20%);
$sea-dew-dark: mix(#000, $sea-dew, 20%);
.element {
color: $sea-dew;
box-shadow: 0 0 0 2px rgba($sea-dew, 0.35);
}