Najbliższy nazwany kolor · #A9E4E0
#A9E4E0
Najbliższy nazwany kolor: Aqua Fiesta
#A9E4E0 (rgb(169 228 224), hsl(176 52% 78%), oklch(0.878 0.06 190.9)) jest najbliższy nazwanemu kolorowi Aqua Fiesta. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A9E4E0
oklch(0.878 0.06 190.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2E7E3
- BBEAE6
- C4ECE9
- CCEFEC
- D5F2EF
- DEF4F3
- E6F7F6
- EEFAF9
- F7FCFC
Odcienie ciemniejsze
- 92C6C3
- 7CA9A6
- 678D8A
- 537270
- 3F5856
- 2C3F3E
- 1B2827
- 0A1212
- 010302
Tony
- A5DAD6
- A2CFCC
- 9EC5C2
- 9ABBB8
- 96B1AF
- 91A7A5
- 8D9D9C
- 899392
- 858A89
Harmonie kolorów
Komplementarna +180°
- A9E4E0
Aqua Fiesta
- FCC7CD
≈ Sweet Memories
Analogowa -30° +30°
- A9E4E0
Aqua Fiesta
- B5E4CA
≈ Beach Blanket
- ABE1F3
≈ Atmospheric Soft Blue
Triada +120° +240°
- A9E4E0
Aqua Fiesta
- E3CCF5
≈ Mousse aux Pruneaux
- F1D1AC
≈ Calm Air
Komplementarna rozszczepiona +150° +210°
- A9E4E0
Aqua Fiesta
- F3C8E3
≈ Venetian Rose
- FBCAB9
≈ Ending Dawn
Tetrada +90° +180° +270°
- A9E4E0
Aqua Fiesta
- CFD3FE
≈ Pale Phthalo Blue
- FCC7CD
≈ Sweet Memories
- DFD9AB
≈ Fresh Willow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.86:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.86:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}