Couleur nommée la plus proche · #A8C7D8
#A8C7D8
Couleur nommée la plus proche: Airborne
#A8C7D8 (rgb(168 199 216), hsl(201 38% 75%), oklch(0.812 0.041 231.9)) est la plus proche de la couleur nommée Airborne. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A8C7D8
oklch(0.812 0.041 231.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B1CDDC
- B9D2E0
- C2D8E4
- CBDDE8
- D3E3EC
- DCE8EF
- E5EEF3
- EDF4F7
- F6F9FB
Ombres
- 92ADBC
- 7C93A0
- 677A85
- 52626B
- 3F4C53
- 2C363B
- 1A2125
- 0A0E11
- 010202
Tons
- A4C0CF
- A0B8C6
- 9CB1BD
- 98AAB4
- 94A3AB
- 909CA2
- 8C959A
- 888E91
- 848788
Harmonies de couleurs
Complémentaire +180°
- A8C7D8
Airborne
- D8BBAA
≈ Linen Cloth
Analogue -30° +30°
- A8C7D8
Airborne
- A3CACD
≈ Aqua Mist
- B3C2DD
≈ Eternal Elegance
Triadique +120° +240°
- A8C7D8
Airborne
- D8B7C4
≈ Pale Lilac
- C2C5A7
≈ Balance Green
Complémentaire divisée +150° +210°
- A8C7D8
Airborne
- DBB8B6
≈ Rose Hip Tonic
- CFC0A4
≈ Stylish
Tétradique +90° +180° +270°
- A8C7D8
Airborne
- CFB9D2
≈ Liberace
- D8BBAA
≈ Linen Cloth
- B3C9B0
≈ Gum Leaf
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.77:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.82:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
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);
}