Màu có tên gần nhất · #74B8B9
#74B8B9
Màu có tên gần nhất: Castaway
#74B8B9 (rgb(116 184 185), hsl(181 33% 59%), oklch(0.738 0.069 197)) 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.
#74B8B9
oklch(0.738 0.069 197)
Chuyển đổi màu
- HEX
- #74b8b9
- RGB
- rgb(116 184 185)
- HSL
- hsl(181 33% 59%)
- HWB
- hwb(181 45% 27%)
- OKLCH
- oklch(0.738 0.069 197)
- OKLab
- oklab(0.738 -0.066 -0.02)
- CIE Lab
- lab(70.31 -22.22 -7.7)
- LCH
- lch(70.31 23.52 199.1)
- CMYK
- cmyk(37% 1% 0% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 83BFC0
- 91C6C7
- 9FCDCE
- ADD4D5
- BBDBDC
- C8E2E3
- D6EAEA
- E4F1F1
- F1F8F8
Sắc đậm
- 64A0A0
- 548889
- 457171
- 375B5B
- 294546
- 1B3131
- 0F1E1E
- 050C0D
- 010202
Sắc xám
- 76B2B3
- 78ADAD
- 7AA7A8
- 7CA1A2
- 7D9C9C
- 7E9696
- 7F9191
- 7F8B8B
- 808686
Hòa sắc
Bổ túc +180°
- 74B8B9
Castaway
- D2999B
≈ Tobermory
Tương đồng -30° +30°
- 74B8B9
Castaway
- 7FB9A1
≈ Froggy Pond
- 7BB3CC
≈ Tidal Basin
Bộ ba +120° +240°
- 74B8B9
Castaway
- BC9DC7
≈ Purple Prophet
- C3A579
≈ Medallion
Bổ túc chia +150° +210°
- 74B8B9
Castaway
- CB99B3
≈ Morning Glory Pink
- CF9D85
≈ Dusty Coral
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.25:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.29:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--castaway: #74b8b9;
--castaway-rgb: 116 184 185;
--castaway-oklch: oklch(0.738 0.069 197);
}
.element {
color: var(--castaway);
background-color: hsl(181 33% 59%);
border-color: oklch(0.738 0.069 197);
}Tailwind CSS v4
@theme {
--color-castaway: #74b8b9;
--color-castaway-50: #dffcfd;
--color-castaway-100: #ceeff0;
--color-castaway-200: #b3dedf;
--color-castaway-300: #8ec3c5;
--color-castaway-400: #6cabac;
--color-castaway-500: #489496;
--color-castaway-600: #3e7e7f;
--color-castaway-700: #316465;
--color-castaway-800: #224a4a;
--color-castaway-900: #173333;
--color-castaway-950: #071f1f;
}SCSS
$castaway: #74b8b9;
$castaway-rgb: 116, 184, 185;
$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);
}