Najbliższy nazwany kolor · #A8C7D8
#A8C7D8
Najbliższy nazwany kolor: Airborne
#A8C7D8 (rgb(168 199 216), hsl(201 38% 75%), oklch(0.812 0.041 231.9)) jest najbliższy nazwanemu kolorowi Airborne. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A8C7D8
oklch(0.812 0.041 231.9)
Konwersje koloru
- HEX
- #a8c7d8
- RGB
- rgb(168 199 216)
- HSL
- hsl(201 38% 75%)
- HWB
- hwb(201 66% 15%)
- OKLCH
- oklch(0.812 0.041 231.9)
- OKLab
- oklab(0.812 -0.025 -0.032)
- CIE Lab
- lab(78.36 -7.99 -12.16)
- LCH
- lch(78.36 14.55 236.7)
- CMYK
- cmyk(22% 8% 0% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B1CDDC
- B9D2E0
- C2D8E4
- CBDDE8
- D3E3EC
- DCE8EF
- E5EEF3
- EDF4F7
- F6F9FB
Odcienie ciemniejsze
- 92ADBC
- 7C93A0
- 677A85
- 52626B
- 3F4C53
- 2C363B
- 1A2125
- 0A0E11
- 010202
Tony
- A4C0CF
- A0B8C6
- 9CB1BD
- 98AAB4
- 94A3AB
- 909CA2
- 8C959A
- 888E91
- 848788
Harmonie kolorów
Komplementarna +180°
- A8C7D8
Airborne
- D8BBAA
≈ Linen Cloth
Analogowa -30° +30°
- A8C7D8
Airborne
- A3CACD
≈ Aqua Mist
- B3C2DD
≈ Eternal Elegance
Triada +120° +240°
- A8C7D8
Airborne
- D8B7C4
≈ Pale Lilac
- C2C5A7
≈ Balance Green
Komplementarna rozszczepiona +150° +210°
- A8C7D8
Airborne
- DBB8B6
≈ Rose Hip Tonic
- CFC0A4
≈ Stylish
Tetrada +90° +180° +270°
- A8C7D8
Airborne
- CFB9D2
≈ Liberace
- D8BBAA
≈ Linen Cloth
- B3C9B0
≈ Gum Leaf
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.82:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--airborne: #a8c7d8;
--airborne-rgb: 168 199 216;
--airborne-oklch: oklch(0.812 0.041 231.9);
}
.element {
color: var(--airborne);
background-color: hsl(201 38% 75%);
border-color: oklch(0.812 0.041 231.9);
}Tailwind CSS v4
@theme {
--color-airborne: #a8c7d8;
--color-airborne-50: #eaf7ff;
--color-airborne-100: #dbebf4;
--color-airborne-200: #c4d8e3;
--color-airborne-300: #a4bbca;
--color-airborne-400: #87a3b3;
--color-airborne-500: #6b8b9d;
--color-airborne-600: #5b7685;
--color-airborne-700: #485e6a;
--color-airborne-800: #34454e;
--color-airborne-900: #233036;
--color-airborne-950: #121c21;
}SCSS
$airborne: #a8c7d8;
$airborne-rgb: 168, 199, 216;
$airborne-light: mix(#fff, $airborne, 20%);
$airborne-dark: mix(#000, $airborne, 20%);
.element {
color: $airborne;
box-shadow: 0 0 0 2px rgba($airborne, 0.35);
}