Benannte Farbe · #A6E7FF
Fresh Air
Fresh Air ist #A6E7FF: rgb(166 231 255), hsl(196 100% 83%), oklch(0.892 0.073 222.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Fresh Air color name →
#A6E7FF
oklch(0.892 0.073 222.9)
Farbumrechnungen
- HEX
- #a6e7ff
- RGB
- rgb(166 231 255)
- HSL
- hsl(196 100% 83%)
- HWB
- hwb(196 65% 0%)
- OKLCH
- oklch(0.892 0.073 222.9)
- OKLab
- oklab(0.892 -0.054 -0.05)
- CIE Lab
- lab(87.89 -16.91 -18.58)
- LCH
- lch(87.89 25.13 227.7)
- CMYK
- cmyk(35% 9% 0% 0%)
Tints · Shades · Tones
Tints
- B0EAFF
- B9ECFF
- C2EEFF
- CBF1FF
- D4F3FF
- DDF6FF
- E5F8FF
- EEFAFF
- F7FDFF
Shades
- 90C9DE
- 7AABBE
- 658F9E
- 517380
- 3E5963
- 2B4048
- 1A282E
- 0A1316
- 010303
Tones
- A3DCF2
- 9FD2E5
- 9CC7D7
- 98BDCB
- 95B2BE
- 91A8B1
- 8D9EA5
- 899498
- 848A8C
Farbharmonien
Komplementär +180°
- A6E7FF
Fresh Air
- FFD0BD
≈ Vienna Sausage
Analog -30° +30°
- A6E7FF
Fresh Air
- A2EBE9
≈ Freezy Breezy
- C3DEFF
≈ Dithered Sky
Triadisch +120° +240°
- A6E7FF
Fresh Air
- FFC9E8
≈ Soulmate Pink
- E4DEA6
≈ Green Charm
Geteilt komplementär +150° +210°
- A6E7FF
Fresh Air
- FFCDD1
≈ Lusty-Gallant
- FAD5A6
≈ Tuscan
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.49:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-air: #a6e7ff;
--fresh-air-rgb: 166 231 255;
--fresh-air-oklch: oklch(0.892 0.073 222.9);
}
.element {
color: var(--fresh-air);
background-color: hsl(196 100% 83%);
border-color: oklch(0.892 0.073 222.9);
}Tailwind CSS v4
@theme {
--color-fresh-air: #a6e7ff;
--color-fresh-air-50: #e0faff;
--color-fresh-air-100: #cfeefb;
--color-fresh-air-200: #b4dcec;
--color-fresh-air-300: #8fc0d4;
--color-fresh-air-400: #6da8be;
--color-fresh-air-500: #4991a9;
--color-fresh-air-600: #3f7b8f;
--color-fresh-air-700: #326273;
--color-fresh-air-800: #224854;
--color-fresh-air-900: #17323b;
--color-fresh-air-950: #071e25;
}SCSS
$fresh-air: #a6e7ff;
$fresh-air-rgb: 166, 231, 255;
$fresh-air-light: mix(#fff, $fresh-air, 20%);
$fresh-air-dark: mix(#000, $fresh-air, 20%);
.element {
color: $fresh-air;
box-shadow: 0 0 0 2px rgba($fresh-air, 0.35);
}