Màu có tên gần nhất · #9BCCE9
#9BCCE9
Màu có tên gần nhất: Fail Whale
#9BCCE9 (rgb(155 204 233), hsl(202 64% 76%), oklch(0.821 0.066 234.6)) gần nhất với màu có tên Fail Whale. 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.
#9BCCE9
oklch(0.821 0.066 234.6)
Chuyển đổi màu
- HEX
- #9bcce9
- RGB
- rgb(155 204 233)
- HSL
- hsl(202 64% 76%)
- HWB
- hwb(202 61% 9%)
- OKLCH
- oklch(0.821 0.066 234.6)
- OKLab
- oklab(0.821 -0.038 -0.053)
- CIE Lab
- lab(79.34 -11.39 -19.87)
- LCH
- lch(79.34 22.9 240.2)
- CMYK
- cmyk(33% 12% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A5D1EB
- AFD6EE
- B9DBF0
- C3E0F2
- CDE6F4
- D7EBF7
- E1F0F9
- EBF5FB
- F5FAFD
Sắc đậm
- 86B1CB
- 7297AD
- 5E7E90
- 4B6574
- 394E5A
- 283741
- 182229
- 090F13
- 010203
Sắc xám
- 99C4DE
- 96BCD3
- 94B5C9
- 91ADBE
- 8EA5B3
- 8C9EA9
- 89969F
- 868F94
- 83878A
Hòa sắc
Bổ túc +180°
- 9BCCE9
Fail Whale
- E7BA9C
≈ Sumptuous Peach
Tương đồng -30° +30°
- 9BCCE9
Fail Whale
- 91D1D8
≈ Aroma Blue
- AFC5F0
≈ Promise Keeping
Bộ ba +120° +240°
- 9BCCE9
Fail Whale
- E8B3C7
≈ Athena Pink
- C3CA99
≈ Dappled Daydream
Bổ túc chia +150° +210°
- 9BCCE9
Fail Whale
- ECB4AF
≈ Mesa Rose
- D8C294
≈ Chamomile Tea
Bộ bốn +90° +180° +270°
- 9BCCE9
Fail Whale
- DAB6DC
≈ French Lilac
- E7BA9C
≈ Sumptuous Peach
- ABD0AA
≈ Garden Room
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.72:1 · APCA Lc 31
Ag
AAATrên nền đen
WCAG 12.20:1 · APCA Lc 72
Màu chữ tốt nhất: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--fail-whale: #9bcce9;
--fail-whale-rgb: 155 204 233;
--fail-whale-oklch: oklch(0.821 0.066 234.6);
}
.element {
color: var(--fail-whale);
background-color: hsl(202 64% 76%);
border-color: oklch(0.821 0.066 234.6);
}Tailwind CSS v4
@theme {
--color-fail-whale: #9bcce9;
--color-fail-whale-50: #e4f9ff;
--color-fail-whale-100: #d4ecfb;
--color-fail-whale-200: #bbd9ed;
--color-fail-whale-300: #98bdd5;
--color-fail-whale-400: #78a5c0;
--color-fail-whale-500: #598eab;
--color-fail-whale-600: #4c7891;
--color-fail-whale-700: #3c6074;
--color-fail-whale-800: #2a4655;
--color-fail-whale-900: #1c313c;
--color-fail-whale-950: #0c1d25;
}SCSS
$fail-whale: #9bcce9;
$fail-whale-rgb: 155, 204, 233;
$fail-whale-light: mix(#fff, $fail-whale, 20%);
$fail-whale-dark: mix(#000, $fail-whale, 20%);
.element {
color: $fail-whale;
box-shadow: 0 0 0 2px rgba($fail-whale, 0.35);
}