이름 색상 · #12939A
Peacock Feather
Peacock Feather은(는) #12939A: rgb(18 147 154), hsl(183 79% 34%), oklch(0.605 0.1 201). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Peacock Feather color name →
#12939A
oklch(0.605 0.1 201)
색상 변환
- HEX
- #12939a
- RGB
- rgb(18 147 154)
- HSL
- hsl(183 79% 34%)
- HWB
- hwb(183 7% 40%)
- OKLCH
- oklch(0.605 0.1 201)
- OKLab
- oklab(0.605 -0.093 -0.036)
- CIE Lab
- lab(55.08 -30.93 -13.4)
- LCH
- lch(55.08 33.7 203.4)
- CMYK
- cmyk(88% 5% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 3C9EA4
- 57A8AE
- 6EB3B8
- 84BEC2
- 99C9CC
- AED3D6
- C2DEE0
- D6E9EA
- EBF4F5
셰이드
- 0E7F85
- 0A6C71
- 07595E
- 04474B
- 023639
- 012527
- 011617
- 000809
- 000101
톤
- 2D9197
- 3D9095
- 498E92
- 538C90
- 5C8A8D
- 65888A
- 6C8688
- 738485
- 7A8283
색 조화
보색 +180°
- 12939A
Peacock Feather
- B66867
≈ Lord Baltimore
유사색 -30° +30°
- 12939A
Peacock Feather
- 339579
≈ Illuminating Emerald
- 368CB2
≈ Carol
삼각 배색 +120° +240°
- 12939A
Peacock Feather
- 9D6DA6
≈ Dark Lilac
- A07B33
≈ Arlington Bronze
분열 보색 +150° +210°
- 12939A
Peacock Feather
- AF6889
≈ Cure All
- B16F48
≈ Not yet Caramel
사각 배색 +90° +180° +270°
- 12939A
Peacock Feather
- 8276B9
≈ Purple Hebe
- B66867
≈ Lord Baltimore
- 84873B
≈ Witch Brew
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.70:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.66:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--peacock-feather: #12939a;
--peacock-feather-rgb: 18 147 154;
--peacock-feather-oklch: oklch(0.605 0.1 201);
}
.element {
color: var(--peacock-feather);
background-color: hsl(183 79% 34%);
border-color: oklch(0.605 0.1 201);
}Tailwind CSS v4
@theme {
--color-peacock-feather: #12939a;
--color-peacock-feather-50: #d5feff;
--color-peacock-feather-100: #c2f2f7;
--color-peacock-feather-200: #a1e1e7;
--color-peacock-feather-300: #76c7ce;
--color-peacock-feather-400: #49b0b7;
--color-peacock-feather-500: #0099a1;
--color-peacock-feather-600: #008288;
--color-peacock-feather-700: #00686d;
--color-peacock-feather-800: #004d4f;
--color-peacock-feather-900: #023537;
--color-peacock-feather-950: #002022;
}SCSS
$peacock-feather: #12939a;
$peacock-feather-rgb: 18, 147, 154;
$peacock-feather-light: mix(#fff, $peacock-feather, 20%);
$peacock-feather-dark: mix(#000, $peacock-feather, 20%);
.element {
color: $peacock-feather;
box-shadow: 0 0 0 2px rgba($peacock-feather, 0.35);
}