Cor nomeada mais próxima · #AAD6EC
#AAD6EC
Cor nomeada mais próxima: Ariel
#AAD6EC (rgb(170 214 236), hsl(200 63% 80%), oklch(0.852 0.055 229.8)) é mais próxima da cor nomeada Ariel. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AAD6EC
oklch(0.852 0.055 229.8)
Conversões de cor
- HEX
- #aad6ec
- RGB
- rgb(170 214 236)
- HSL
- hsl(200 63% 80%)
- HWB
- hwb(200 67% 7%)
- OKLCH
- oklch(0.852 0.055 229.8)
- OKLab
- oklab(0.852 -0.036 -0.042)
- CIE Lab
- lab(83.04 -11.16 -15.82)
- LCH
- lch(83.04 19.36 234.8)
- CMYK
- cmyk(28% 9% 0% 7%)
Tons claros · Sombras · Tons
Tons claros
- B3DAEE
- BBDEF0
- C4E2F2
- CCE6F4
- D5EBF6
- DDEFF8
- E6F3FA
- EEF7FB
- F7FBFD
Sombras
- 93BACD
- 7D9EAF
- 688492
- 536A76
- 3F525B
- 2D3B42
- 1B2529
- 0B1013
- 010203
Tons
- A6CDE1
- A2C4D6
- 9EBCCB
- 9AB3C0
- 96AAB5
- 91A2AA
- 8D999F
- 899195
- 84888A
Harmonias de cor
Complementar +180°
- AAD6EC
Ariel
- EDC5AF
≈ Sweet Pastel
Análoga -30° +30°
- AAD6EC
Ariel
- A4DADD
≈ Crystal
- BAD0F3
≈ Frost Fairy
Tríade +120° +240°
- AAD6EC
Ariel
- ECC0D4
≈ Guava Glow
- D0D2A9
≈ Olive Martini
Complementar dividida +150° +210°
- AAD6EC
Ariel
- F1C1C0
≈ Silver Strawberry
- E2CBA6
≈ Hearth
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.53:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--ariel: #aad6ec;
--ariel-rgb: 170 214 236;
--ariel-oklch: oklch(0.852 0.055 229.8);
}
.element {
color: var(--ariel);
background-color: hsl(200 63% 80%);
border-color: oklch(0.852 0.055 229.8);
}Tailwind CSS v4
@theme {
--color-ariel: #aad6ec;
--color-ariel-50: #e6f8ff;
--color-ariel-100: #d6ecf7;
--color-ariel-200: #bed9e8;
--color-ariel-300: #9cbdcf;
--color-ariel-400: #7da5b9;
--color-ariel-500: #5f8da4;
--color-ariel-600: #51788b;
--color-ariel-700: #40606f;
--color-ariel-800: #2d4651;
--color-ariel-900: #1f3139;
--color-ariel-950: #0e1d23;
}SCSS
$ariel: #aad6ec;
$ariel-rgb: 170, 214, 236;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}