Màu có tên gần nhất · #7ABAC6
#7ABAC6
Màu có tên gần nhất: Cuttlefish
#7ABAC6 (rgb(122 186 198), hsl(189 40% 63%), oklch(0.75 0.067 210.6)) gần nhất với màu có tên Cuttlefish. 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.
#7ABAC6
oklch(0.75 0.067 210.6)
Chuyển đổi màu
- HEX
- #7abac6
- RGB
- rgb(122 186 198)
- HSL
- hsl(189 40% 63%)
- HWB
- hwb(189 48% 22%)
- OKLCH
- oklch(0.75 0.067 210.6)
- OKLab
- oklab(0.75 -0.058 -0.034)
- CIE Lab
- lab(71.52 -18.98 -12.94)
- LCH
- lch(71.52 22.97 214.3)
- CMYK
- cmyk(38% 6% 0% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 88C1CC
- 96C8D1
- A3CFD7
- B0D5DD
- BDDCE2
- CBE3E8
- D8EAEE
- E5F1F4
- F2F8F9
Sắc đậm
- 69A1AC
- 598992
- 49727A
- 3A5C62
- 2B464B
- 1D3235
- 101E21
- 050D0E
- 010202
Sắc xám
- 7CB4BF
- 7DAEB8
- 7EA8B1
- 7FA3A9
- 7F9DA2
- 80979B
- 809195
- 808B8E
- 808687
Hòa sắc
Bổ túc +180°
- 7ABAC6
Cuttlefish
- D59F94
≈ Badshahi Brown
Tương đồng -30° +30°
- 7ABAC6
Cuttlefish
- 7DBCB0
≈ Mintnight
- 87B4D5
≈ Periwinkle Sky
Bộ ba +120° +240°
- 7ABAC6
Cuttlefish
- C79FC2
≈ Stormy Sunrise
- BEAD7D
≈ Nettle
Bổ túc chia +150° +210°
- 7ABAC6
Cuttlefish
- D39DAC
≈ Pink Ice
- CEA583
≈ Sunset Beige
Bộ bốn +90° +180° +270°
- 7ABAC6
Cuttlefish
- B5A5D3
≈ Grape Illusion
- D59F94
≈ Badshahi Brown
- A8B585
≈ Great Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.17:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.66:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--cuttlefish: #7abac6;
--cuttlefish-rgb: 122 186 198;
--cuttlefish-oklch: oklch(0.75 0.067 210.6);
}
.element {
color: var(--cuttlefish);
background-color: hsl(189 40% 63%);
border-color: oklch(0.75 0.067 210.6);
}Tailwind CSS v4
@theme {
--color-cuttlefish: #7abac6;
--color-cuttlefish-50: #e0fbff;
--color-cuttlefish-100: #cfeef5;
--color-cuttlefish-200: #b4dce5;
--color-cuttlefish-300: #90c1cc;
--color-cuttlefish-400: #6eaab5;
--color-cuttlefish-500: #4b929f;
--color-cuttlefish-600: #407c87;
--color-cuttlefish-700: #33636c;
--color-cuttlefish-800: #23494f;
--color-cuttlefish-900: #183337;
--color-cuttlefish-950: #081e22;
}SCSS
$cuttlefish: #7abac6;
$cuttlefish-rgb: 122, 186, 198;
$cuttlefish-light: mix(#fff, $cuttlefish, 20%);
$cuttlefish-dark: mix(#000, $cuttlefish, 20%);
.element {
color: $cuttlefish;
box-shadow: 0 0 0 2px rgba($cuttlefish, 0.35);
}