Màu có tên gần nhất · #72B4B6
#72B4B6
Màu có tên gần nhất: Castaway
#72B4B6 (rgb(114 180 182), hsl(182 32% 58%), oklch(0.727 0.067 198.2)) 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.
#72B4B6
oklch(0.727 0.067 198.2)
Chuyển đổi màu
- HEX
- #72b4b6
- RGB
- rgb(114 180 182)
- HSL
- hsl(182 32% 58%)
- HWB
- hwb(182 45% 29%)
- OKLCH
- oklch(0.727 0.067 198.2)
- OKLab
- oklab(0.727 -0.064 -0.021)
- CIE Lab
- lab(68.97 -21.49 -8.05)
- LCH
- lch(68.97 22.95 200.5)
- CMYK
- cmyk(37% 1% 0% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 81BBBD
- 8FC3C4
- 9DCACB
- ACD2D3
- BAD9DA
- C7E1E1
- D5E8E9
- E3F0F0
- F1F7F8
Sắc đậm
- 629C9E
- 538586
- 446E6F
- 365859
- 284444
- 1B3030
- 0E1D1D
- 040C0C
- 010202
Sắc xám
- 74AFB0
- 77AAAB
- 79A4A5
- 7A9FA0
- 7C9A9B
- 7D9595
- 7E9090
- 7F8A8B
- 7F8585
Hòa sắc
Bổ túc +180°
- 72B4B6
Castaway
- CE9697
≈ Silk Stone
Tương đồng -30° +30°
- 72B4B6
Castaway
- 7CB59F
≈ Beau Monde
- 79AFC8
≈ Frisky Blue
Bộ ba +120° +240°
- 72B4B6
Castaway
- B99AC2
≈ Crocus Petal
- BEA277
≈ Mesa
Bổ túc chia +150° +210°
- 72B4B6
Castaway
- C796AE
≈ Lady’s Cushions Pink
- CA9A82
≈ Chinook Salmon
Bộ bốn +90° +180° +270°
- 72B4B6
Castaway
- A4A0CF
≈ Wistful
- CE9697
≈ Silk Stone
- AAAA79
≈ Cardamom
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.35:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.91:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--castaway: #72b4b6;
--castaway-rgb: 114 180 182;
--castaway-oklch: oklch(0.727 0.067 198.2);
}
.element {
color: var(--castaway);
background-color: hsl(182 32% 58%);
border-color: oklch(0.727 0.067 198.2);
}Tailwind CSS v4
@theme {
--color-castaway: #72b4b6;
--color-castaway-50: #e0fbfd;
--color-castaway-100: #cfeff1;
--color-castaway-200: #b4dde0;
--color-castaway-300: #8fc2c5;
--color-castaway-400: #6dabad;
--color-castaway-500: #4a9496;
--color-castaway-600: #3f7d7f;
--color-castaway-700: #326466;
--color-castaway-800: #234a4a;
--color-castaway-900: #173333;
--color-castaway-950: #081f1f;
}SCSS
$castaway: #72b4b6;
$castaway-rgb: 114, 180, 182;
$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);
}