Cor nomeada mais próxima · #69AECE
#69AECE
Cor nomeada mais próxima: Milky Waves
#69AECE (rgb(105 174 206), hsl(199 51% 61%), oklch(0.717 0.084 229.4)) é mais próxima da cor nomeada Milky Waves. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#69AECE
oklch(0.717 0.084 229.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 79B6D3
- 88BED8
- 98C6DD
- A7CEE2
- B5D6E7
- C4DFEC
- D3E7F1
- E2EFF5
- F0F7FA
Sombras
- 5A97B3
- 4C8098
- 3E6A7F
- 315566
- 24414E
- 182E38
- 0C1C23
- 040B0F
- 000102
Tons
- 6DA9C6
- 70A5BE
- 73A0B6
- 759CAE
- 7897A7
- 7A939F
- 7C8E97
- 7D898F
- 7F8588
Harmonias de cor
Complementar +180°
- 69AECE
Milky Waves
- CF9474
≈ Feldspar
Análoga -30° +30°
- 69AECE
Milky Waves
- 5DB4B8
≈ Aqueduct
- 84A5D9
≈ Blue Cue
Tríade +120° +240°
- 69AECE
Milky Waves
- CC8EAC
≈ Bossy-Pants Pink
- A7A96A
≈ Elf Slippers
Complementar dividida +150° +210°
- 69AECE
Milky Waves
- D38F8F
≈ Tongue
- C09E66
≈ Gold Spell
Tétrade +90° +180° +270°
- 69AECE
Milky Waves
- BB93C5
≈ Sheer Lilac
- CF9474
≈ Feldspar
- 88B17E
≈ Cressida
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.54:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos 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);
}