Colore con nome più vicino · #A7CADC
#A7CADC
Colore con nome più vicino: Airborne
#A7CADC (rgb(167 202 220), hsl(200 43% 76%), oklch(0.819 0.045 230.3)) è più vicino al colore con nome Airborne. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A7CADC
oklch(0.819 0.045 230.3)
Conversioni di colore
- HEX
- #a7cadc
- RGB
- rgb(167 202 220)
- HSL
- hsl(200 43% 76%)
- HWB
- hwb(200 65% 14%)
- OKLCH
- oklch(0.819 0.045 230.3)
- OKLab
- oklab(0.819 -0.029 -0.035)
- CIE Lab
- lab(79.2 -9.09 -13.05)
- LCH
- lch(79.2 15.91 235.1)
- CMYK
- cmyk(24% 8% 0% 14%)
Tinte · Ombre · Toni
Tinte
- B0CFE0
- B9D5E3
- C1DAE7
- CADFEA
- D3E4EE
- DCEAF1
- E4EFF5
- EDF4F8
- F6FAFC
Ombre
- 91AFBF
- 7B95A3
- 667C88
- 52646E
- 3E4D54
- 2C373C
- 1A2226
- 0A0F11
- 010202
Toni
- A3C2D2
- 9FBBC9
- 9CB3C0
- 98ACB6
- 94A4AD
- 909DA4
- 8C969B
- 888E92
- 848789
Armonie di colore
Complementare +180°
- A7CADC
Airborne
- DDBCAA
≈ Pickled Pork
Analogo -30° +30°
- A7CADC
Airborne
- A2CDD0
≈ Mystery
- B3C5E2
≈ Simply Sparkling
Triadico +120° +240°
- A7CADC
Airborne
- DCB9C8
≈ Noteworthy
- C5C7A6
≈ Rejuvenate
Complementare divisa +150° +210°
- A7CADC
Airborne
- E0B9B8
≈ O Fortuna
- D3C1A4
≈ Dune
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.12:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--airborne: #a7cadc;
--airborne-rgb: 167 202 220;
--airborne-oklch: oklch(0.819 0.045 230.3);
}
.element {
color: var(--airborne);
background-color: hsl(200 43% 76%);
border-color: oklch(0.819 0.045 230.3);
}Tailwind CSS v4
@theme {
--color-airborne: #a7cadc;
--color-airborne-50: #e9f8ff;
--color-airborne-100: #daebf5;
--color-airborne-200: #c2d8e5;
--color-airborne-300: #a1bccb;
--color-airborne-400: #84a4b4;
--color-airborne-500: #678c9f;
--color-airborne-600: #587786;
--color-airborne-700: #465f6b;
--color-airborne-800: #32464f;
--color-airborne-900: #223037;
--color-airborne-950: #111c22;
}SCSS
$airborne: #a7cadc;
$airborne-rgb: 167, 202, 220;
$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);
}