Color con nombre más cercano · #AEDAE3
#AEDAE3
Color con nombre más cercano: Clear Water
#AEDAE3 (rgb(174 218 227), hsl(190 49% 79%), oklch(0.86 0.047 211.5)) se parece más al color con nombre Clear Water. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#AEDAE3
oklch(0.86 0.047 211.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- B6DEE6
- BEE1E9
- C7E5EB
- CFE9EE
- D7EDF1
- DFF0F4
- E7F4F7
- EFF8F9
- F7FBFC
Sombras
- 97BDC5
- 80A2A8
- 6A878C
- 556C71
- 415457
- 2E3C3F
- 1C2527
- 0B1112
- 010203
Tonos
- AAD1D9
- A5C7CE
- A1BEC4
- 9CB5BA
- 97ACB0
- 93A3A6
- 8E9A9D
- 899193
- 858989
Armonías de color
Complementario +180°
- AEDAE3
Clear Water
- EFC6BE
≈ Strawberry Risotto
Análogo -30° +30°
- AEDAE3
Clear Water
- B0DCD3
≈ Jaded Clouds
- B6D6EE
≈ Summer Birthday
Triádico +120° +240°
- AEDAE3
Clear Water
- E4C6DF
≈ Dreamy Memory
- DCD1AE
≈ Stardust
Complementario dividido +150° +210°
- AEDAE3
Clear Water
- EDC5CF
≈ Soft Satin
- E9CBB2
≈ Sweet Orange
Tetrádico +90° +180° +270°
- AEDAE3
Clear Water
- D6CAEC
≈ Foggy Love
- EFC6BE
≈ Strawberry Risotto
- CCD6B4
≈ Spice Garden
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.93:1 · APCA Lc 80
Mejor color de texto: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmentos de código
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);
}