이름 색상 · #00B5B8
Cyan Sky
Cyan Sky은(는) #00B5B8: rgb(0 181 184), hsl(181 100% 36%), oklch(0.701 0.119 196.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Cyan Sky color name →
#00B5B8
oklch(0.701 0.119 196.9)
색상 변환
- HEX
- #00b5b8
- RGB
- rgb(0 181 184)
- HSL
- hsl(181 100% 36%)
- HWB
- hwb(181 0% 28%)
- OKLCH
- oklch(0.701 0.119 196.9)
- OKLab
- oklab(0.701 -0.114 -0.035)
- CIE Lab
- lab(66.54 -38.45 -13.09)
- LCH
- lch(66.54 40.61 198.8)
- CMYK
- cmyk(100% 2% 0% 28%)
틴트 · 셰이드 · 톤
틴트
- 3FBDBF
- 5DC4C6
- 76CCCD
- 8BD3D4
- A0DBDB
- B4E2E2
- C7E9E9
- DAF1F1
- EDF8F8
셰이드
- 009DA0
- 008688
- 006F71
- 00595B
- 004445
- 003031
- 001D1E
- 000C0C
- 000202
톤
- 2EB0B2
- 41ABAD
- 4EA5A7
- 59A0A1
- 629B9C
- 6A9696
- 709091
- 768B8B
- 7B8585
색 조화
보색 +180°
- 00B5B8
Cyan Sky
- DF7E84
≈ Hot Gossip
유사색 -30° +30°
- 00B5B8
Cyan Sky
- 43B68F
≈ Mint
- 36ADD8
≈ Highlighter Blue
삼각 배색 +120° +240°
- 00B5B8
Cyan Sky
- BD87D0
≈ Purception
- C8943E
≈ Alameda Ochre
분열 보색 +150° +210°
- 00B5B8
Cyan Sky
- D47FAD
≈ Ice Plant
- DB865B
≈ Show Business
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.52:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.30:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--cyan-sky: #00b5b8;
--cyan-sky-rgb: 0 181 184;
--cyan-sky-oklch: oklch(0.701 0.119 196.9);
}
.element {
color: var(--cyan-sky);
background-color: hsl(181 100% 36%);
border-color: oklch(0.701 0.119 196.9);
}Tailwind CSS v4
@theme {
--color-cyan-sky: #00b5b8;
--color-cyan-sky-50: #ceffff;
--color-cyan-sky-100: #b9f5f7;
--color-cyan-sky-200: #95e4e7;
--color-cyan-sky-300: #64cace;
--color-cyan-sky-400: #22b4b6;
--color-cyan-sky-500: #009da1;
--color-cyan-sky-600: #008588;
--color-cyan-sky-700: #006a6d;
--color-cyan-sky-800: #004f4f;
--color-cyan-sky-900: #003737;
--color-cyan-sky-950: #002122;
}SCSS
$cyan-sky: #00b5b8;
$cyan-sky-rgb: 0, 181, 184;
$cyan-sky-light: mix(#fff, $cyan-sky, 20%);
$cyan-sky-dark: mix(#000, $cyan-sky, 20%);
.element {
color: $cyan-sky;
box-shadow: 0 0 0 2px rgba($cyan-sky, 0.35);
}