Benannte Farbe · #A0BDD9
Sky City
Sky City ist #A0BDD9: rgb(160 189 217), hsl(209 43% 74%), oklch(0.786 0.051 247.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Sky City color name →
#A0BDD9
oklch(0.786 0.051 247.6)
Farbumrechnungen
- HEX
- #a0bdd9
- RGB
- rgb(160 189 217)
- HSL
- hsl(209 43% 74%)
- HWB
- hwb(209 63% 15%)
- OKLCH
- oklch(0.786 0.051 247.6)
- OKLab
- oklab(0.786 -0.019 -0.047)
- CIE Lab
- lab(75.14 -5.45 -17.54)
- LCH
- lch(75.14 18.37 252.7)
- CMYK
- cmyk(26% 13% 0% 15%)
Tints · Shades · Tones
Tints
- A9C4DD
- B3CAE1
- BCD1E5
- C6D7E8
- CFDEEC
- D8E4F0
- E2EBF4
- ECF2F8
- F5F8FB
Shades
- 8BA4BC
- 768CA1
- 617486
- 4E5D6C
- 3B4753
- 29333B
- 191F25
- 090D11
- 010202
Tones
- 9DB7D0
- 9AB1C7
- 97AABE
- 93A4B5
- 909EAC
- 8D98A3
- 8A929A
- 878C91
- 838689
Farbharmonien
Komplementär +180°
- A0BDD9
Sky City
- D0B497
≈ Sugar Rush Peach Pepper
Analog -30° +30°
- A0BDD9
Sky City
- 95C2CF
≈ Aquatic
- B1B7DB
≈ Wild Orchid Blue
Triadisch +120° +240°
- A0BDD9
Sky City
- D7ACB3
≈ Ballet Rose
- B0C09D
≈ Garden Pond
Geteilt komplementär +150° +210°
- A0BDD9
Sky City
- D7AFA2
≈ Sandpaper
- C2BA95
≈ Salty Seeds
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.94:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.77:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--sky-city: #a0bdd9;
--sky-city-rgb: 160 189 217;
--sky-city-oklch: oklch(0.786 0.051 247.6);
}
.element {
color: var(--sky-city);
background-color: hsl(209 43% 74%);
border-color: oklch(0.786 0.051 247.6);
}Tailwind CSS v4
@theme {
--color-sky-city: #a0bdd9;
--color-sky-city-50: #ebf7ff;
--color-sky-city-100: #dbeaf9;
--color-sky-city-200: #c4d7ea;
--color-sky-city-300: #a4bad1;
--color-sky-city-400: #87a2bc;
--color-sky-city-500: #6b8aa7;
--color-sky-city-600: #5b758d;
--color-sky-city-700: #495d71;
--color-sky-city-800: #344453;
--color-sky-city-900: #232f3a;
--color-sky-city-950: #121c24;
}SCSS
$sky-city: #a0bdd9;
$sky-city-rgb: 160, 189, 217;
$sky-city-light: mix(#fff, $sky-city, 20%);
$sky-city-dark: mix(#000, $sky-city, 20%);
.element {
color: $sky-city;
box-shadow: 0 0 0 2px rgba($sky-city, 0.35);
}