가장 가까운 이름 색상 · #66BBE4
#66BBE4
가장 가까운 이름 색상: Malibu
#66BBE4(rgb(102 187 228), hsl(200 70% 65%), oklch(0.754 0.101 231.1))와 가장 가까운 이름 색상은 Malibu입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#66BBE4
oklch(0.754 0.101 231.1)
색상 변환
- HEX
- #66bbe4
- RGB
- rgb(102 187 228)
- HSL
- hsl(200 70% 65%)
- HWB
- hwb(200 40% 11%)
- OKLCH
- oklch(0.754 0.101 231.1)
- OKLab
- oklab(0.754 -0.064 -0.079)
- CIE Lab
- lab(71.75 -18.08 -28.97)
- LCH
- lch(71.75 34.15 238)
- CMYK
- cmyk(55% 18% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- 77C2E7
- 88C9EA
- 97D0ED
- A7D7F0
- B6DDF2
- C5E4F5
- D3EBF8
- E2F2FA
- F0F8FD
셰이드
- 58A2C6
- 4A8AA9
- 3C738D
- 2F5C72
- 234658
- 17323F
- 0C1F28
- 040D12
- 000203
톤
- 6BB5DA
- 6FAFD0
- 72A9C5
- 75A4BB
- 789EB1
- 7A98A7
- 7C929D
- 7E8C94
- 7F868A
색 조화
보색 +180°
- 66BBE4
Malibu
- E39D73
≈ Pecan Veneer
유사색 -30° +30°
- 66BBE4
Malibu
- 52C3CA
≈ Baharroth Blue
- 8BB0F0
≈ Fly Away
삼각 배색 +120° +240°
- 66BBE4
Malibu
- E194B7
≈ Chewing Gum Pink
- B2B668
≈ Lime Rickey
분열 보색 +150° +210°
- 66BBE4
Malibu
- E99593
≈ Dishy Coral
- D0A961
≈ Ginger Crunch
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.14:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.79:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--malibu: #66bbe4;
--malibu-rgb: 102 187 228;
--malibu-oklch: oklch(0.754 0.101 231.1);
}
.element {
color: var(--malibu);
background-color: hsl(200 70% 65%);
border-color: oklch(0.754 0.101 231.1);
}Tailwind CSS v4
@theme {
--color-malibu: #66bbe4;
--color-malibu-50: #dafbff;
--color-malibu-100: #c7efff;
--color-malibu-200: #aadcf9;
--color-malibu-300: #82c1e3;
--color-malibu-400: #59a9cf;
--color-malibu-500: #2a91bd;
--color-malibu-600: #277b9f;
--color-malibu-700: #1f6380;
--color-malibu-800: #12495e;
--color-malibu-900: #0c3242;
--color-malibu-950: #001e2a;
}SCSS
$malibu: #66bbe4;
$malibu-rgb: 102, 187, 228;
$malibu-light: mix(#fff, $malibu, 20%);
$malibu-dark: mix(#000, $malibu, 20%);
.element {
color: $malibu;
box-shadow: 0 0 0 2px rgba($malibu, 0.35);
}