Màu có tên · #A4F4F9
Waterspout
Waterspout là #A4F4F9: rgb(164 244 249), hsl(184 88% 81%), oklch(0.917 0.078 200.9). 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.
What does Cyan mean? → · Waterspout color name →
#A4F4F9
oklch(0.917 0.078 200.9)
Chuyển đổi màu
- HEX
- #a4f4f9
- RGB
- rgb(164 244 249)
- HSL
- hsl(184 88% 81%)
- HWB
- hwb(184 64% 2%)
- OKLCH
- oklch(0.917 0.078 200.9)
- OKLab
- oklab(0.917 -0.073 -0.028)
- CIE Lab
- lab(91.17 -24.47 -10.62)
- LCH
- lch(91.17 26.68 203.5)
- CMYK
- cmyk(34% 2% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AEF5FA
- B8F6FA
- C2F8FB
- CBF9FC
- D4FAFC
- DDFBFD
- E6FCFD
- EEFDFE
- F7FEFE
Sắc đậm
- 8ED4D9
- 79B5B9
- 64979A
- 507A7D
- 3D5E61
- 2B4446
- 1A2B2C
- 0A1415
- 010303
Sắc xám
- A1E8EC
- 9EDCE0
- 9BD0D3
- 98C4C7
- 94B9BB
- 91ADAF
- 8DA2A3
- 899697
- 848B8B
Hòa sắc
Bổ túc +180°
- A4F4F9
Waterspout
- FFD9D8
≈ Cottagecore Sunset
Tương đồng -30° +30°
- A4F4F9
Waterspout
- AEF5DD
≈ Mintie
- C4EBFF
≈ Blue Java Banana
Bộ ba +120° +240°
- A4F4F9
Waterspout
- F8D6FF
≈ Pink Diamond
- FFDFA8
≈ Organza
Bổ túc chia +150° +210°
- A4F4F9
Waterspout
- FFD7E8
≈ Powder Pink
- FFDBC8
≈ Unbleached Silk
Bộ bốn +90° +180° +270°
- A4F4F9
Waterspout
- E3DFFF
≈ Stoic White
- FFD9D8
≈ Cottagecore Sunset
- E5E9AD
≈ Daydream
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.88:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.88:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--waterspout: #a4f4f9;
--waterspout-rgb: 164 244 249;
--waterspout-oklch: oklch(0.917 0.078 200.9);
}
.element {
color: var(--waterspout);
background-color: hsl(184 88% 81%);
border-color: oklch(0.917 0.078 200.9);
}Tailwind CSS v4
@theme {
--color-waterspout: #a4f4f9;
--color-waterspout-50: #dcfcff;
--color-waterspout-100: #cbf0f3;
--color-waterspout-200: #aedfe3;
--color-waterspout-300: #87c4c9;
--color-waterspout-400: #62adb1;
--color-waterspout-500: #39969b;
--color-waterspout-600: #327f83;
--color-waterspout-700: #286569;
--color-waterspout-800: #1b4b4c;
--color-waterspout-900: #123435;
--color-waterspout-950: #041f20;
}SCSS
$waterspout: #a4f4f9;
$waterspout-rgb: 164, 244, 249;
$waterspout-light: mix(#fff, $waterspout, 20%);
$waterspout-dark: mix(#000, $waterspout, 20%);
.element {
color: $waterspout;
box-shadow: 0 0 0 2px rgba($waterspout, 0.35);
}