이름 색상 · #58C8B6
Cockatoo
Cockatoo은(는) #58C8B6: rgb(88 200 182), hsl(170 50% 56%), oklch(0.763 0.106 181.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Cockatoo color name →
#58C8B6
oklch(0.763 0.106 181.2)
색상 변환
- HEX
- #58c8b6
- RGB
- rgb(88 200 182)
- HSL
- hsl(170 50% 56%)
- HWB
- hwb(170 35% 22%)
- OKLCH
- oklch(0.763 0.106 181.2)
- OKLab
- oklab(0.763 -0.106 -0.002)
- CIE Lab
- lab(73.81 -36.71 -1.14)
- LCH
- lch(73.81 36.72 181.8)
- CMYK
- cmyk(56% 0% 9% 22%)
틴트 · 셰이드 · 톤
틴트
- 6DCEBD
- 80D3C4
- 92D9CB
- A2DED3
- B2E4DA
- C2E9E1
- D2EFE9
- E1F4F0
- F0FAF7
셰이드
- 4BAE9E
- 3F9486
- 337B6F
- 286359
- 1D4C44
- 123630
- 09211D
- 030F0C
- 000202
톤
- 60C1B0
- 66B9AB
- 6CB2A5
- 70ABA0
- 74A49B
- 789D95
- 7A9590
- 7D8E8B
- 7F8785
색 조화
보색 +180°
- 58C8B6
Cockatoo
- EA95AE
≈ Double Bubble
유사색 -30° +30°
- 58C8B6
Cockatoo
- 7EC590
≈ Green Gala
- 52C4D8
≈ Naxos Sky
삼각 배색 +120° +240°
- 58C8B6
Cockatoo
- BEA2EB
≈ Lavender Cream
- E3A26A
≈ India Trade
분열 보색 +150° +210°
- 58C8B6
Cockatoo
- D999D1
≈ Velvet Horizon
- ED9888
≈ Whimsy
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.35:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--cockatoo: #58c8b6;
--cockatoo-rgb: 88 200 182;
--cockatoo-oklch: oklch(0.763 0.106 181.2);
}
.element {
color: var(--cockatoo);
background-color: hsl(170 50% 56%);
border-color: oklch(0.763 0.106 181.2);
}Tailwind CSS v4
@theme {
--color-cockatoo: #58c8b6;
--color-cockatoo-50: #d5fff8;
--color-cockatoo-100: #c2f4eb;
--color-cockatoo-200: #a1e4d9;
--color-cockatoo-300: #75c9bd;
--color-cockatoo-400: #49b3a2;
--color-cockatoo-500: #009c8a;
--color-cockatoo-600: #008475;
--color-cockatoo-700: #006a5e;
--color-cockatoo-800: #014e43;
--color-cockatoo-900: #03362e;
--color-cockatoo-950: #00211b;
}SCSS
$cockatoo: #58c8b6;
$cockatoo-rgb: 88, 200, 182;
$cockatoo-light: mix(#fff, $cockatoo, 20%);
$cockatoo-dark: mix(#000, $cockatoo, 20%);
.element {
color: $cockatoo;
box-shadow: 0 0 0 2px rgba($cockatoo, 0.35);
}