Màu có tên gần nhất · #66B8C3
#66B8C3
Màu có tên gần nhất: Castaway
#66B8C3 (rgb(102 184 195), hsl(187 44% 58%), oklch(0.735 0.082 206.8)) gần nhất với màu có tên Castaway. 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.
#66B8C3
oklch(0.735 0.082 206.8)
Chuyển đổi màu
- HEX
- #66b8c3
- RGB
- rgb(102 184 195)
- HSL
- hsl(187 44% 58%)
- HWB
- hwb(187 40% 24%)
- OKLCH
- oklch(0.735 0.082 206.8)
- OKLab
- oklab(0.735 -0.073 -0.037)
- CIE Lab
- lab(69.91 -23.92 -13.82)
- LCH
- lch(69.91 27.63 210)
- CMYK
- cmyk(48% 6% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 77BFC9
- 87C6CF
- 97CDD5
- A6D4DB
- B5DCE1
- C4E3E7
- D3EAED
- E2F1F3
- F0F8F9
Sắc đậm
- 58A0A9
- 4A8890
- 3C7178
- 2F5B60
- 23454A
- 173134
- 0C1E20
- 040C0E
- 000202
Sắc xám
- 6AB2BC
- 6EADB5
- 72A7AF
- 75A2A8
- 779CA1
- 7A969A
- 7C9194
- 7D8B8D
- 7F8687
Hòa sắc
Bổ túc +180°
- 66B8C3
Castaway
- D8968E
≈ Petite Orchid
Tương đồng -30° +30°
- 66B8C3
Castaway
- 6DBAA8
≈ Larchmere
- 76B1D6
≈ Meadow Blossom Blue
Bộ ba +120° +240°
- 66B8C3
Castaway
- C597C4
≈ Pomtini
- C0A66C
≈ Hay Yellow
Bổ túc chia +150° +210°
- 66B8C3
Castaway
- D494AA
≈ Foxy Pink
- D19C76
≈ Rustic Adobe
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.28:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.20:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--castaway: #66b8c3;
--castaway-rgb: 102 184 195;
--castaway-oklch: oklch(0.735 0.082 206.8);
}
.element {
color: var(--castaway);
background-color: hsl(187 44% 58%);
border-color: oklch(0.735 0.082 206.8);
}Tailwind CSS v4
@theme {
--color-castaway: #66b8c3;
--color-castaway-50: #dbfcff;
--color-castaway-100: #caf0f6;
--color-castaway-200: #acdfe7;
--color-castaway-300: #85c3ce;
--color-castaway-400: #5facb7;
--color-castaway-500: #3495a1;
--color-castaway-600: #2e7e88;
--color-castaway-700: #25656d;
--color-castaway-800: #194a50;
--color-castaway-900: #103437;
--color-castaway-950: #031f22;
}SCSS
$castaway: #66b8c3;
$castaway-rgb: 102, 184, 195;
$castaway-light: mix(#fff, $castaway, 20%);
$castaway-dark: mix(#000, $castaway, 20%);
.element {
color: $castaway;
box-shadow: 0 0 0 2px rgba($castaway, 0.35);
}