Benannte Farbe · #A5CAD1
Sky Chase
Sky Chase ist #A5CAD1: rgb(165 202 209), hsl(190 32% 73%), oklch(0.814 0.041 210.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Sky Chase color name →
#A5CAD1
oklch(0.814 0.041 210.4)
Farbumrechnungen
- HEX
- #a5cad1
- RGB
- rgb(165 202 209)
- HSL
- hsl(190 32% 73%)
- HWB
- hwb(190 65% 18%)
- OKLCH
- oklch(0.814 0.041 210.4)
- OKLab
- oklab(0.814 -0.035 -0.02)
- CIE Lab
- lab(78.8 -11.59 -7.8)
- LCH
- lch(78.8 13.96 213.9)
- CMYK
- cmyk(21% 3% 0% 18%)
Tints · Shades · Tones
Tints
- AECFD6
- B7D5DA
- C0DADF
- C9DFE3
- D2E4E8
- DBEAEC
- E4EFF1
- EDF4F6
- F6FAFA
Shades
- 8FAFB5
- 79959B
- 657C81
- 516468
- 3D4D50
- 2B3739
- 1A2223
- 0A0F10
- 010202
Tones
- A1C2C9
- 9EBBC0
- 9AB3B8
- 97ACB0
- 93A4A8
- 8F9DA0
- 8B9698
- 888E90
- 848788
Farbharmonien
Komplementär +180°
- A5CAD1
Sky Chase
- DBB9B3
≈ Rose Hip Tonic
Analog -30° +30°
- A5CAD1
Sky Chase
- A7CBC3
≈ Wave Runner
- ACC6DA
≈ Barking Creek
Triadisch +120° +240°
- A5CAD1
Sky Chase
- D2B9CF
≈ Bedazzled
- CCC2A5
≈ Stylish
Geteilt komplementär +150° +210°
- A5CAD1
Sky Chase
- DAB8C1
≈ Hosanna
- D7BDA9
≈ Classic Sand
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.96:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--sky-chase: #a5cad1;
--sky-chase-rgb: 165 202 209;
--sky-chase-oklch: oklch(0.814 0.041 210.4);
}
.element {
color: var(--sky-chase);
background-color: hsl(190 32% 73%);
border-color: oklch(0.814 0.041 210.4);
}Tailwind CSS v4
@theme {
--color-sky-chase: #a5cad1;
--color-sky-chase-50: #e9f9fc;
--color-sky-chase-100: #d9ecf0;
--color-sky-chase-200: #c2d9de;
--color-sky-chase-300: #a1bdc4;
--color-sky-chase-400: #83a5ac;
--color-sky-chase-500: #678e95;
--color-sky-chase-600: #57787e;
--color-sky-chase-700: #466065;
--color-sky-chase-800: #32464a;
--color-sky-chase-900: #223133;
--color-sky-chase-950: #111d1f;
}SCSS
$sky-chase: #a5cad1;
$sky-chase-rgb: 165, 202, 209;
$sky-chase-light: mix(#fff, $sky-chase, 20%);
$sky-chase-dark: mix(#000, $sky-chase, 20%);
.element {
color: $sky-chase;
box-shadow: 0 0 0 2px rgba($sky-chase, 0.35);
}