Màu có tên gần nhất · #66B2CB
#66B2CB
Màu có tên gần nhất: Blue Martini
#66B2CB (rgb(102 178 203), hsl(195 49% 60%), oklch(0.724 0.084 221.4)) gần nhất với màu có tên Blue Martini. 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.
#66B2CB
oklch(0.724 0.084 221.4)
Chuyển đổi màu
- HEX
- #66b2cb
- RGB
- rgb(102 178 203)
- HSL
- hsl(195 49% 60%)
- HWB
- hwb(195 40% 20%)
- OKLCH
- oklch(0.724 0.084 221.4)
- OKLab
- oklab(0.724 -0.063 -0.055)
- CIE Lab
- lab(68.38 -19.42 -20.48)
- LCH
- lch(68.38 28.22 226.5)
- CMYK
- cmyk(50% 12% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 77BAD0
- 87C1D6
- 96C9DB
- A6D1E0
- B5D8E5
- C4E0EA
- D2E8F0
- E1F0F5
- F0F7FA
Sắc đậm
- 589AB0
- 4A8396
- 3C6D7D
- 2F5765
- 23434D
- 172F37
- 0C1D22
- 040C0F
- 000102
Sắc xám
- 6AADC3
- 6EA8BC
- 71A3B4
- 749EAD
- 7799A5
- 79949E
- 7B8F96
- 7D8A8F
- 7F8587
Hòa sắc
Bổ túc +180°
- 66B2CB
Blue Martini
- D3947D
≈ Tropical Blooms
Tương đồng -30° +30°
- 66B2CB
Blue Martini
- 61B7B3
≈ Veranda Blue
- 7FAAD9
≈ High Seas
Bộ ba +120° +240°
- 66B2CB
Blue Martini
- CA91B5
≈ Bossy-Pants Pink
- B1A869
≈ Natchez Moss
Bổ túc chia +150° +210°
- 66B2CB
Blue Martini
- D49098
≈ Rosetti
- C79D6A
≈ Amber Autumn
Bộ bốn +90° +180° +270°
- 66B2CB
Blue Martini
- B797CD
≈ Amethyst Show
- D3947D
≈ Tropical Blooms
- 93B17A
≈ Watercolour Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.38:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.79:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--blue-martini: #66b2cb;
--blue-martini-rgb: 102 178 203;
--blue-martini-oklch: oklch(0.724 0.084 221.4);
}
.element {
color: var(--blue-martini);
background-color: hsl(195 49% 60%);
border-color: oklch(0.724 0.084 221.4);
}Tailwind CSS v4
@theme {
--color-blue-martini: #66b2cb;
--color-blue-martini-50: #ddfbff;
--color-blue-martini-100: #cbeffd;
--color-blue-martini-200: #aeddef;
--color-blue-martini-300: #88c1d7;
--color-blue-martini-400: #63aac1;
--color-blue-martini-500: #3a93ad;
--color-blue-martini-600: #337c92;
--color-blue-martini-700: #296375;
--color-blue-martini-800: #1b4956;
--color-blue-martini-900: #12333c;
--color-blue-martini-950: #041e26;
}SCSS
$blue-martini: #66b2cb;
$blue-martini-rgb: 102, 178, 203;
$blue-martini-light: mix(#fff, $blue-martini, 20%);
$blue-martini-dark: mix(#000, $blue-martini, 20%);
.element {
color: $blue-martini;
box-shadow: 0 0 0 2px rgba($blue-martini, 0.35);
}