Màu có tên gần nhất · #AEDAE3
#AEDAE3
Màu có tên gần nhất: Clear Water
#AEDAE3 (rgb(174 218 227), hsl(190 49% 79%), oklch(0.86 0.047 211.5)) gần nhất với màu có tên Clear Water. 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.
#AEDAE3
oklch(0.86 0.047 211.5)
Chuyển đổi màu
- HEX
- #aedae3
- RGB
- rgb(174 218 227)
- HSL
- hsl(190 49% 79%)
- HWB
- hwb(190 68% 11%)
- OKLCH
- oklch(0.86 0.047 211.5)
- OKLab
- oklab(0.86 -0.04 -0.025)
- CIE Lab
- lab(84.14 -13.37 -9.42)
- LCH
- lch(84.14 16.35 215.2)
- CMYK
- cmyk(23% 4% 0% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B6DEE6
- BEE1E9
- C7E5EB
- CFE9EE
- D7EDF1
- DFF0F4
- E7F4F7
- EFF8F9
- F7FBFC
Sắc đậm
- 97BDC5
- 80A2A8
- 6A878C
- 556C71
- 415457
- 2E3C3F
- 1C2527
- 0B1112
- 010203
Sắc xám
- AAD1D9
- A5C7CE
- A1BEC4
- 9CB5BA
- 97ACB0
- 93A3A6
- 8E9A9D
- 899193
- 858989
Hòa sắc
Bổ túc +180°
- AEDAE3
Clear Water
- EFC6BE
≈ Strawberry Risotto
Tương đồng -30° +30°
- AEDAE3
Clear Water
- B0DCD3
≈ Jaded Clouds
- B6D6EE
≈ Summer Birthday
Bộ ba +120° +240°
- AEDAE3
Clear Water
- E4C6DF
≈ Dreamy Memory
- DCD1AE
≈ Stardust
Bổ túc chia +150° +210°
- AEDAE3
Clear Water
- EDC5CF
≈ Soft Satin
- E9CBB2
≈ Sweet Orange
Bộ bốn +90° +180° +270°
- AEDAE3
Clear Water
- D6CAEC
≈ Foggy Love
- EFC6BE
≈ Strawberry Risotto
- CCD6B4
≈ Spice Garden
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.50:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.93:1 · APCA Lc 80
Màu chữ tốt nhất: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--clear-water: #aedae3;
--clear-water-rgb: 174 218 227;
--clear-water-oklch: oklch(0.86 0.047 211.5);
}
.element {
color: var(--clear-water);
background-color: hsl(190 49% 79%);
border-color: oklch(0.86 0.047 211.5);
}Tailwind CSS v4
@theme {
--color-clear-water: #aedae3;
--color-clear-water-50: #e7f9fd;
--color-clear-water-100: #d7ecf1;
--color-clear-water-200: #bedae1;
--color-clear-water-300: #9dbec6;
--color-clear-water-400: #7ea6af;
--color-clear-water-500: #608f98;
--color-clear-water-600: #527981;
--color-clear-water-700: #416167;
--color-clear-water-800: #2f474b;
--color-clear-water-900: #203134;
--color-clear-water-950: #0f1d20;
}SCSS
$clear-water: #aedae3;
$clear-water-rgb: 174, 218, 227;
$clear-water-light: mix(#fff, $clear-water, 20%);
$clear-water-dark: mix(#000, $clear-water, 20%);
.element {
color: $clear-water;
box-shadow: 0 0 0 2px rgba($clear-water, 0.35);
}