Couleur nommée la plus proche · #AEE8D2
#AEE8D2
Couleur nommée la plus proche: Quiet Jade
#AEE8D2 (rgb(174 232 210), hsl(157 56% 80%), oklch(0.885 0.066 169.4)) est la plus proche de la couleur nommée Quiet Jade. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AEE8D2
oklch(0.885 0.066 169.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B7EAD6
- BFEDDB
- C7EFDF
- CFF1E4
- D7F4E8
- DFF6ED
- E7F8F1
- EFFBF6
- F7FDFA
Ombres
- 97CAB6
- 80AC9B
- 6A9081
- 557468
- 415950
- 2E4039
- 1C2924
- 0B1310
- 010302
Tons
- AADDC9
- A5D2C1
- A1C8B9
- 9CBDB0
- 98B3A8
- 93A8A0
- 8F9E98
- 8A9490
- 858A88
Harmonies de couleurs
Complémentaire +180°
- AEE8D2
Quiet Jade
- FCC8E0
≈ Cherry Blush
Analogue -30° +30°
- AEE8D2
Quiet Jade
- C3E5BB
≈ Sweet Menthol
- A5E7EA
≈ Uranus
Triadique +120° +240°
- AEE8D2
Quiet Jade
- D7D3FF
≈ Pale Lavender
- FFCDB3
≈ Apricot Lily
Complémentaire divisée +150° +210°
- AEE8D2
Quiet Jade
- EDCCF5
≈ Mousse aux Pruneaux
- FFCAC9
≈ Tint of Rose
Tétradique +90° +180° +270°
- AEE8D2
Quiet Jade
- C4DBFF
≈ Broad Daylight
- FCC8E0
≈ Cherry Blush
- F1D5A8
≈ Straw Hat
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.37:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.27:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
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);
}