Cor nomeada mais próxima · #AEE8D2
#AEE8D2
Cor nomeada mais próxima: Quiet Jade
#AEE8D2 (rgb(174 232 210), hsl(157 56% 80%), oklch(0.885 0.066 169.4)) é mais próxima da cor nomeada Quiet Jade. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AEE8D2
oklch(0.885 0.066 169.4)
Conversões de cor
- HEX
- #aee8d2
- RGB
- rgb(174 232 210)
- HSL
- hsl(157 56% 80%)
- HWB
- hwb(157 68% 9%)
- OKLCH
- oklch(0.885 0.066 169.4)
- OKLab
- oklab(0.885 -0.065 0.012)
- CIE Lab
- lab(87.57 -22.53 4.45)
- LCH
- lch(87.57 22.96 168.8)
- CMYK
- cmyk(25% 0% 9% 9%)
Tons claros · Sombras · Tons
Tons claros
- B7EAD6
- BFEDDB
- C7EFDF
- CFF1E4
- D7F4E8
- DFF6ED
- E7F8F1
- EFFBF6
- F7FDFA
Sombras
- 97CAB6
- 80AC9B
- 6A9081
- 557468
- 415950
- 2E4039
- 1C2924
- 0B1310
- 010302
Tons
- AADDC9
- A5D2C1
- A1C8B9
- 9CBDB0
- 98B3A8
- 93A8A0
- 8F9E98
- 8A9490
- 858A88
Harmonias de cor
Complementar +180°
- AEE8D2
Quiet Jade
- FCC8E0
≈ Cherry Blush
Análoga -30° +30°
- AEE8D2
Quiet Jade
- C3E5BB
≈ Sweet Menthol
- A5E7EA
≈ Uranus
Tríade +120° +240°
- AEE8D2
Quiet Jade
- D7D3FF
≈ Pale Lavender
- FFCDB3
≈ Apricot Lily
Complementar dividida +150° +210°
- AEE8D2
Quiet Jade
- EDCCF5
≈ Mousse aux Pruneaux
- FFCAC9
≈ Tint of Rose
Tétrade +90° +180° +270°
- AEE8D2
Quiet Jade
- C4DBFF
≈ Broad Daylight
- FCC8E0
≈ Cherry Blush
- F1D5A8
≈ Straw Hat
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.27:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--quiet-jade: #aee8d2;
--quiet-jade-rgb: 174 232 210;
--quiet-jade-oklch: oklch(0.885 0.066 169.4);
}
.element {
color: var(--quiet-jade);
background-color: hsl(157 56% 80%);
border-color: oklch(0.885 0.066 169.4);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #aee8d2;
--color-quiet-jade-50: #e3fcf3;
--color-quiet-jade-100: #d3f0e5;
--color-quiet-jade-200: #b9ded1;
--color-quiet-jade-300: #95c3b3;
--color-quiet-jade-400: #77ac98;
--color-quiet-jade-500: #56957f;
--color-quiet-jade-600: #4a7e6b;
--color-quiet-jade-700: #3b6556;
--color-quiet-jade-800: #2a4a3e;
--color-quiet-jade-900: #1d332a;
--color-quiet-jade-950: #0c1f18;
}SCSS
$quiet-jade: #aee8d2;
$quiet-jade-rgb: 174, 232, 210;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);
.element {
color: $quiet-jade;
box-shadow: 0 0 0 2px rgba($quiet-jade, 0.35);
}