이름 색상 · #1CADBA
Placid Sea
Placid Sea은(는) #1CADBA: rgb(28 173 186), hsl(185 74% 42%), oklch(0.684 0.112 204.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Placid Sea color name →
#1CADBA
oklch(0.684 0.112 204.7)
색상 변환
- HEX
- #1cadba
- RGB
- rgb(28 173 186)
- HSL
- hsl(185 74% 42%)
- HWB
- hwb(185 11% 27%)
- OKLCH
- oklch(0.684 0.112 204.7)
- OKLab
- oklab(0.684 -0.102 -0.047)
- CIE Lab
- lab(64.32 -33.32 -17.5)
- LCH
- lch(64.32 37.63 207.7)
- CMYK
- cmyk(85% 7% 0% 27%)
틴트 · 셰이드 · 톤
틴트
- 45B5C1
- 60BEC8
- 77C6CF
- 8CCED6
- A0D6DC
- B4DFE3
- C7E7EA
- DAEFF1
- ECF7F8
셰이드
- 1796A1
- 127F89
- 0D6A72
- 08555C
- 054146
- 022D32
- 011B1E
- 000B0D
- 000102
톤
- 35A9B4
- 45A4AE
- 51A0A8
- 5B9BA3
- 63979D
- 6A9297
- 708E91
- 76898B
- 7B8586
색 조화
보색 +180°
- 1CADBA
Placid Sea
- D67D76
≈ Bite My Tongue
유사색 -30° +30°
- 1CADBA
Placid Sea
- 39B095
≈ Walk in the Woods
- 48A4D5
≈ Blue Tango
삼각 배색 +120° +240°
- 1CADBA
Placid Sea
- BC81C0
≈ Lavender Sweater
- B9933E
≈ Roti
분열 보색 +150° +210°
- 1CADBA
Placid Sea
- D07B9D
≈ Little Bow Pink
- CF8652
≈ Caramel Bar
사각 배색 +90° +180° +270°
- 1CADBA
Placid Sea
- 9E8BD8
≈ Middy’s Purple
- D67D76
≈ Bite My Tongue
- 98A14B
≈ Fresh Apple
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.71:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.73:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.73:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--placid-sea: #1cadba;
--placid-sea-rgb: 28 173 186;
--placid-sea-oklch: oklch(0.684 0.112 204.7);
}
.element {
color: var(--placid-sea);
background-color: hsl(185 74% 42%);
border-color: oklch(0.684 0.112 204.7);
}Tailwind CSS v4
@theme {
--color-placid-sea: #1cadba;
--color-placid-sea-50: #d1ffff;
--color-placid-sea-100: #bdf3fb;
--color-placid-sea-200: #9ae2ec;
--color-placid-sea-300: #6bc8d4;
--color-placid-sea-400: #34b1be;
--color-placid-sea-500: #009aa9;
--color-placid-sea-600: #00838f;
--color-placid-sea-700: #006972;
--color-placid-sea-800: #004d53;
--color-placid-sea-900: #00363a;
--color-placid-sea-950: #002124;
}SCSS
$placid-sea: #1cadba;
$placid-sea-rgb: 28, 173, 186;
$placid-sea-light: mix(#fff, $placid-sea, 20%);
$placid-sea-dark: mix(#000, $placid-sea, 20%);
.element {
color: $placid-sea;
box-shadow: 0 0 0 2px rgba($placid-sea, 0.35);
}