Couleur nommée la plus proche · #A9E4E0
#A9E4E0
Couleur nommée la plus proche: Aqua Fiesta
#A9E4E0 (rgb(169 228 224), hsl(176 52% 78%), oklch(0.878 0.06 190.9)) est la plus proche de la couleur nommée Aqua Fiesta. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A9E4E0
oklch(0.878 0.06 190.9)
Conversions de couleur
- HEX
- #a9e4e0
- RGB
- rgb(169 228 224)
- HSL
- hsl(176 52% 78%)
- HWB
- hwb(176 66% 11%)
- OKLCH
- oklch(0.878 0.06 190.9)
- OKLab
- oklab(0.878 -0.059 -0.011)
- CIE Lab
- lab(86.49 -20.06 -4.45)
- LCH
- lch(86.49 20.55 192.5)
- CMYK
- cmyk(26% 0% 2% 11%)
Teintes · Ombres · Tons
Teintes
- B2E7E3
- BBEAE6
- C4ECE9
- CCEFEC
- D5F2EF
- DEF4F3
- E6F7F6
- EEFAF9
- F7FCFC
Ombres
- 92C6C3
- 7CA9A6
- 678D8A
- 537270
- 3F5856
- 2C3F3E
- 1B2827
- 0A1212
- 010302
Tons
- A5DAD6
- A2CFCC
- 9EC5C2
- 9ABBB8
- 96B1AF
- 91A7A5
- 8D9D9C
- 899392
- 858A89
Harmonies de couleurs
Complémentaire +180°
- A9E4E0
Aqua Fiesta
- FCC7CD
≈ Sweet Memories
Analogue -30° +30°
- A9E4E0
Aqua Fiesta
- B5E4CA
≈ Beach Blanket
- ABE1F3
≈ Atmospheric Soft Blue
Triadique +120° +240°
- A9E4E0
Aqua Fiesta
- E3CCF5
≈ Mousse aux Pruneaux
- F1D1AC
≈ Calm Air
Complémentaire divisée +150° +210°
- A9E4E0
Aqua Fiesta
- F3C8E3
≈ Venetian Rose
- FBCAB9
≈ Ending Dawn
Tétradique +90° +180° +270°
- A9E4E0
Aqua Fiesta
- CFD3FE
≈ Pale Phthalo Blue
- FCC7CD
≈ Sweet Memories
- DFD9AB
≈ Fresh Willow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.86:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 14.86:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--aqua-fiesta: #a9e4e0;
--aqua-fiesta-rgb: 169 228 224;
--aqua-fiesta-oklch: oklch(0.878 0.06 190.9);
}
.element {
color: var(--aqua-fiesta);
background-color: hsl(176 52% 78%);
border-color: oklch(0.878 0.06 190.9);
}Tailwind CSS v4
@theme {
--color-aqua-fiesta: #a9e4e0;
--color-aqua-fiesta-50: #e3fbfa;
--color-aqua-fiesta-100: #d2efed;
--color-aqua-fiesta-200: #b8dddb;
--color-aqua-fiesta-300: #94c2c0;
--color-aqua-fiesta-400: #74aaa7;
--color-aqua-fiesta-500: #539390;
--color-aqua-fiesta-600: #477c79;
--color-aqua-fiesta-700: #396461;
--color-aqua-fiesta-800: #284946;
--color-aqua-fiesta-900: #1b3331;
--color-aqua-fiesta-950: #0b1e1d;
}SCSS
$aqua-fiesta: #a9e4e0;
$aqua-fiesta-rgb: 169, 228, 224;
$aqua-fiesta-light: mix(#fff, $aqua-fiesta, 20%);
$aqua-fiesta-dark: mix(#000, $aqua-fiesta, 20%);
.element {
color: $aqua-fiesta;
box-shadow: 0 0 0 2px rgba($aqua-fiesta, 0.35);
}