Color con nombre más cercano · #69AECE
#69AECE
Color con nombre más cercano: Milky Waves
#69AECE (rgb(105 174 206), hsl(199 51% 61%), oklch(0.717 0.084 229.4)) se parece más al color con nombre Milky Waves. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#69AECE
oklch(0.717 0.084 229.4)
Conversiones de color
- HEX
- #69aece
- RGB
- rgb(105 174 206)
- HSL
- hsl(199 51% 61%)
- HWB
- hwb(199 41% 19%)
- OKLCH
- oklch(0.717 0.084 229.4)
- OKLab
- oklab(0.717 -0.055 -0.064)
- CIE Lab
- lab(67.45 -16.09 -23.52)
- LCH
- lch(67.45 28.5 235.6)
- CMYK
- cmyk(49% 16% 0% 19%)
Tintes · Sombras · Tonos
Tintes
- 79B6D3
- 88BED8
- 98C6DD
- A7CEE2
- B5D6E7
- C4DFEC
- D3E7F1
- E2EFF5
- F0F7FA
Sombras
- 5A97B3
- 4C8098
- 3E6A7F
- 315566
- 24414E
- 182E38
- 0C1C23
- 040B0F
- 000102
Tonos
- 6DA9C6
- 70A5BE
- 73A0B6
- 759CAE
- 7897A7
- 7A939F
- 7C8E97
- 7D898F
- 7F8588
Armonías de color
Complementario +180°
- 69AECE
Milky Waves
- CF9474
≈ Feldspar
Análogo -30° +30°
- 69AECE
Milky Waves
- 5DB4B8
≈ Aqueduct
- 84A5D9
≈ Blue Cue
Triádico +120° +240°
- 69AECE
Milky Waves
- CC8EAC
≈ Bossy-Pants Pink
- A7A96A
≈ Elf Slippers
Complementario dividido +150° +210°
- 69AECE
Milky Waves
- D38F8F
≈ Tongue
- C09E66
≈ Gold Spell
Tetrádico +90° +180° +270°
- 69AECE
Milky Waves
- BB93C5
≈ Sheer Lilac
- CF9474
≈ Feldspar
- 88B17E
≈ Cressida
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.54:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--milky-waves: #69aece;
--milky-waves-rgb: 105 174 206;
--milky-waves-oklch: oklch(0.717 0.084 229.4);
}
.element {
color: var(--milky-waves);
background-color: hsl(199 51% 61%);
border-color: oklch(0.717 0.084 229.4);
}Tailwind CSS v4
@theme {
--color-milky-waves: #69aece;
--color-milky-waves-50: #defaff;
--color-milky-waves-100: #cdeeff;
--color-milky-waves-200: #b1dbf2;
--color-milky-waves-300: #8bc0db;
--color-milky-waves-400: #67a8c6;
--color-milky-waves-500: #4290b3;
--color-milky-waves-600: #397a97;
--color-milky-waves-700: #2d6279;
--color-milky-waves-800: #1e4859;
--color-milky-waves-900: #14323e;
--color-milky-waves-950: #051e27;
}SCSS
$milky-waves: #69aece;
$milky-waves-rgb: 105, 174, 206;
$milky-waves-light: mix(#fff, $milky-waves, 20%);
$milky-waves-dark: mix(#000, $milky-waves, 20%);
.element {
color: $milky-waves;
box-shadow: 0 0 0 2px rgba($milky-waves, 0.35);
}