가장 가까운 이름 색상 · #00C2EB
#00C2EB
가장 가까운 이름 색상: Blue Bikini
#00C2EB(rgb(0 194 235), hsl(190 100% 46%), oklch(0.753 0.137 220.3))와 가장 가까운 이름 색상은 Blue Bikini입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00C2EB
oklch(0.753 0.137 220.3)
색상 변환
- HEX
- #00c2eb
- RGB
- rgb(0 194 235)
- HSL
- hsl(190 100% 46%)
- HWB
- hwb(190 0% 8%)
- OKLCH
- oklch(0.753 0.137 220.3)
- OKLab
- oklab(0.753 -0.105 -0.089)
- CIE Lab
- lab(72.03 -30.91 -32.51)
- LCH
- lch(72.03 44.87 226.4)
- CMYK
- cmyk(100% 17% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- 43C9ED
- 61CFF0
- 7AD5F2
- 8FDCF4
- A4E2F6
- B7E8F8
- C9EEFA
- DCF4FC
- EDF9FD
셰이드
- 00A8CC
- 008FAE
- 007791
- 006075
- 00495B
- 003441
- 002029
- 000E13
- 000203
톤
- 30BCE0
- 44B5D5
- 52AFCA
- 5CA8C0
- 65A1B5
- 6C9BAA
- 7294A0
- 788E95
- 7C878A
색 조화
보색 +180°
- 00C2EB
Blue Bikini
- F88F69
≈ Salmon Nigiri
유사색 -30° +30°
- 00C2EB
Blue Bikini
- 00C9C2
≈ Swimmers Pool
- 6AB4FF
≈ Tiān Lán Sky
삼각 배색 +120° +240°
- 00C2EB
Blue Bikini
- E88BCA
≈ Blushed Bombshell
- C3B038
≈ Pesto
분열 보색 +150° +210°
- 00C2EB
Blue Bikini
- F8889A
≈ Strawberry Soap
- E69E3F
≈ Culpeo
사각 배색 +90° +180° +270°
- 00C2EB
Blue Bikini
- CA95EF
≈ Dream Vapour
- F88F69
≈ Salmon Nigiri
- 91C05E
≈ Cabbage Patch
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.91:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--blue-bikini: #00c2eb;
--blue-bikini-rgb: 0 194 235;
--blue-bikini-oklch: oklch(0.753 0.137 220.3);
}
.element {
color: var(--blue-bikini);
background-color: hsl(190 100% 46%);
border-color: oklch(0.753 0.137 220.3);
}Tailwind CSS v4
@theme {
--color-blue-bikini: #00c2eb;
--color-blue-bikini-50: #cbffff;
--color-blue-bikini-100: #b6f3ff;
--color-blue-bikini-200: #90e2ff;
--color-blue-bikini-300: #5bc7ea;
--color-blue-bikini-400: #00b0d6;
--color-blue-bikini-500: #0099c5;
--color-blue-bikini-600: #0081a6;
--color-blue-bikini-700: #006785;
--color-blue-bikini-800: #004c62;
--color-blue-bikini-900: #003545;
--color-blue-bikini-950: #00202c;
}SCSS
$blue-bikini: #00c2eb;
$blue-bikini-rgb: 0, 194, 235;
$blue-bikini-light: mix(#fff, $blue-bikini, 20%);
$blue-bikini-dark: mix(#000, $blue-bikini, 20%);
.element {
color: $blue-bikini;
box-shadow: 0 0 0 2px rgba($blue-bikini, 0.35);
}