Màu có tên gần nhất · #66BBE4
#66BBE4
Màu có tên gần nhất: Malibu
#66BBE4 (rgb(102 187 228), hsl(200 70% 65%), oklch(0.754 0.101 231.1)) gần nhất với màu có tên Malibu. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#66BBE4
oklch(0.754 0.101 231.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 77C2E7
- 88C9EA
- 97D0ED
- A7D7F0
- B6DDF2
- C5E4F5
- D3EBF8
- E2F2FA
- F0F8FD
Sắc đậm
- 58A2C6
- 4A8AA9
- 3C738D
- 2F5C72
- 234658
- 17323F
- 0C1F28
- 040D12
- 000203
Sắc xám
- 6BB5DA
- 6FAFD0
- 72A9C5
- 75A4BB
- 789EB1
- 7A98A7
- 7C929D
- 7E8C94
- 7F868A
Hòa sắc
Bổ túc +180°
- 66BBE4
Malibu
- E39D73
≈ Pecan Veneer
Tương đồng -30° +30°
- 66BBE4
Malibu
- 52C3CA
≈ Baharroth Blue
- 8BB0F0
≈ Fly Away
Bộ ba +120° +240°
- 66BBE4
Malibu
- E194B7
≈ Chewing Gum Pink
- B2B668
≈ Lime Rickey
Bổ túc chia +150° +210°
- 66BBE4
Malibu
- E99593
≈ Dishy Coral
- D0A961
≈ Ginger Crunch
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.14:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.79:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
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);
}