Nazwany kolor · #A2C2D0
Airborne
Airborne to #A2C2D0: rgb(162 194 208), hsl(198 33% 73%), oklch(0.795 0.04 226.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Airborne color name →
#A2C2D0
oklch(0.795 0.04 226.2)
Konwersje koloru
- HEX
- #a2c2d0
- RGB
- rgb(162 194 208)
- HSL
- hsl(198 33% 73%)
- HWB
- hwb(198 64% 18%)
- OKLCH
- oklch(0.795 0.04 226.2)
- OKLab
- oklab(0.795 -0.028 -0.029)
- CIE Lab
- lab(76.4 -8.84 -10.82)
- LCH
- lch(76.4 13.97 230.7)
- CMYK
- cmyk(22% 7% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABC8D5
- B4CED9
- BED4DE
- C7DAE3
- D0E0E7
- D9E6EC
- E3ECF1
- ECF3F6
- F6F9FA
Odcienie ciemniejsze
- 8CA8B5
- 778F9A
- 637780
- 4F6067
- 3C494F
- 2A3439
- 192023
- 0A0E10
- 010202
Tony
- 9FBBC8
- 9BB4C0
- 98AEB7
- 95A7AF
- 91A0A7
- 8E9A9F
- 8A9397
- 878D8F
- 848688
Harmonie kolorów
Komplementarna +180°
- A2C2D0
Airborne
- D3B5A7
≈ Likeable Sand
Analogowa -30° +30°
- A2C2D0
Airborne
- 9FC5C4
≈ Raindrop
- ACBED6
≈ Canopy Bed
Triada +120° +240°
- A2C2D0
Airborne
- D0B2C1
≈ Twilight Bloom
- BFBEA1
≈ Shaken or Stirred?
Komplementarna rozszczepiona +150° +210°
- A2C2D0
Airborne
- D5B2B3
≈ Radiant Rouge
- CBB9A0
≈ Sandy Trail
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.88:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.16:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--airborne: #a2c2d0;
--airborne-rgb: 162 194 208;
--airborne-oklch: oklch(0.795 0.04 226.2);
}
.element {
color: var(--airborne);
background-color: hsl(198 33% 73%);
border-color: oklch(0.795 0.04 226.2);
}Tailwind CSS v4
@theme {
--color-airborne: #a2c2d0;
--color-airborne-50: #eaf8fe;
--color-airborne-100: #dbebf3;
--color-airborne-200: #c4d8e2;
--color-airborne-300: #a3bcc8;
--color-airborne-400: #86a4b1;
--color-airborne-500: #6a8c9b;
--color-airborne-600: #5a7783;
--color-airborne-700: #485f69;
--color-airborne-800: #34464d;
--color-airborne-900: #233035;
--color-airborne-950: #121c20;
}SCSS
$airborne: #a2c2d0;
$airborne-rgb: 162, 194, 208;
$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);
}