Warna bernama terdekat · #AEDAE3
#AEDAE3
Warna bernama terdekat: Clear Water
#AEDAE3 (rgb(174 218 227), hsl(190 49% 79%), oklch(0.86 0.047 211.5)) paling mendekati warna bernama Clear Water. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#AEDAE3
oklch(0.86 0.047 211.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- B6DEE6
- BEE1E9
- C7E5EB
- CFE9EE
- D7EDF1
- DFF0F4
- E7F4F7
- EFF8F9
- F7FBFC
Shade
- 97BDC5
- 80A2A8
- 6A878C
- 556C71
- 415457
- 2E3C3F
- 1C2527
- 0B1112
- 010203
Tone
- AAD1D9
- A5C7CE
- A1BEC4
- 9CB5BA
- 97ACB0
- 93A3A6
- 8E9A9D
- 899193
- 858989
Harmoni warna
Komplementer +180°
- AEDAE3
Clear Water
- EFC6BE
≈ Strawberry Risotto
Analog -30° +30°
- AEDAE3
Clear Water
- B0DCD3
≈ Jaded Clouds
- B6D6EE
≈ Summer Birthday
Triadik +120° +240°
- AEDAE3
Clear Water
- E4C6DF
≈ Dreamy Memory
- DCD1AE
≈ Stardust
Split-komplementer +150° +210°
- AEDAE3
Clear Water
- EDC5CF
≈ Soft Satin
- E9CBB2
≈ Sweet Orange
Tetradik +90° +180° +270°
- AEDAE3
Clear Water
- D6CAEC
≈ Foggy Love
- EFC6BE
≈ Strawberry Risotto
- CCD6B4
≈ Spice Garden
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.50:1 · APCA Lc 24
Ag
AAADi atas hitam
WCAG 13.93:1 · APCA Lc 80
Warna teks terbaik: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Cuplikan kode
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);
}