Màu có tên gần nhất · #75B8C1
#75B8C1
Màu có tên gần nhất: Cuttlefish
#75B8C1 (rgb(117 184 193), hsl(187 38% 61%), oklch(0.741 0.069 206.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.
#75B8C1
oklch(0.741 0.069 206.6)
Chuyển đổi màu
- HEX
- #75b8c1
- RGB
- rgb(117 184 193)
- HSL
- hsl(187 38% 61%)
- HWB
- hwb(187 46% 24%)
- OKLCH
- oklch(0.741 0.069 206.6)
- OKLab
- oklab(0.741 -0.062 -0.031)
- CIE Lab
- lab(70.56 -20.4 -11.68)
- LCH
- lch(70.56 23.51 209.8)
- CMYK
- cmyk(39% 5% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 84BFC7
- 92C6CD
- A0CDD3
- AED4DA
- BBDBE0
- C9E2E6
- D6EAEC
- E4F1F2
- F1F8F9
Sắc đậm
- 65A0A7
- 55888F
- 467177
- 375B5F
- 294549
- 1C3134
- 0F1E20
- 050C0E
- 010202
Sắc xám
- 77B2BA
- 79ADB4
- 7BA7AD
- 7CA1A7
- 7D9CA0
- 7E969A
- 7F9193
- 7F8B8D
- 808686
Hòa sắc
Bổ túc +180°
- 75B8C1
Cuttlefish
- D49B94
≈ Savoury Salmon
Tương đồng -30° +30°
- 75B8C1
Cuttlefish
- 7BBAAA
≈ Mintnight
- 81B2D2
≈ Blue Cuddle
Bộ ba +120° +240°
- 75B8C1
Cuttlefish
- C39CC2
≈ Lupine
- BEA979
≈ Dusted Olive
Bổ túc chia +150° +210°
- 75B8C1
Cuttlefish
- D099AC
≈ Honey Pink
- CEA081
≈ Arbol de Tamarindo
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.23:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.38:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--cuttlefish: #75b8c1;
--cuttlefish-rgb: 117 184 193;
--cuttlefish-oklch: oklch(0.741 0.069 206.6);
}
.element {
color: var(--cuttlefish);
background-color: hsl(187 38% 61%);
border-color: oklch(0.741 0.069 206.6);
}Tailwind CSS v4
@theme {
--color-cuttlefish: #75b8c1;
--color-cuttlefish-50: #e0fbff;
--color-cuttlefish-100: #ceeff4;
--color-cuttlefish-200: #b3dde4;
--color-cuttlefish-300: #8ec2ca;
--color-cuttlefish-400: #6caab3;
--color-cuttlefish-500: #48939d;
--color-cuttlefish-600: #3e7d85;
--color-cuttlefish-700: #31646a;
--color-cuttlefish-800: #22494e;
--color-cuttlefish-900: #173336;
--color-cuttlefish-950: #071f21;
}SCSS
$cuttlefish: #75b8c1;
$cuttlefish-rgb: 117, 184, 193;
$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);
}