Colore con nome · #7B8EB0
Ashton Skies
Ashton Skies è #7B8EB0: rgb(123 142 176), hsl(218 25% 59%), oklch(0.644 0.056 262). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Ashton Skies color name →
#7B8EB0
oklch(0.644 0.056 262)
Conversioni di colore
- HEX
- #7b8eb0
- RGB
- rgb(123 142 176)
- HSL
- hsl(218 25% 59%)
- HWB
- hwb(218 48% 31%)
- OKLCH
- oklch(0.644 0.056 262)
- OKLab
- oklab(0.644 -0.008 -0.055)
- CIE Lab
- lab(58.44 -0.92 -20.34)
- LCH
- lch(58.44 20.36 267.4)
- CMYK
- cmyk(30% 19% 0% 31%)
Tinte · Ombre · Toni
Tinte
- 8799B8
- 94A4C0
- A1AFC8
- AEBAD0
- BBC5D7
- C8D1DF
- D6DCE7
- E3E8EF
- F1F3F7
Ombre
- 6A7B99
- 5A6882
- 4A566C
- 3A4456
- 2C3442
- 1E242E
- 10151C
- 05070B
- 010101
Toni
- 7C8DAB
- 7C8BA6
- 7D8AA2
- 7D899D
- 7E8798
- 7E8693
- 7F848E
- 7F838A
- 808185
Armonie di colore
Complementare +180°
- 7B8EB0
Ashton Skies
- 9F8B67
≈ Historic Town
Analogo -30° +30°
- 7B8EB0
Ashton Skies
- 6B94AA
≈ My Skiff
- 8E88AD
≈ Larkspur Violet
Triadico +120° +240°
- 7B8EB0
Ashton Skies
- AD807E
≈ Jupiter Brown
- 7B9677
≈ Jade Green
Complementare divisa +150° +210°
- 7B8EB0
Ashton Skies
- A9846E
≈ Tawny Brown
- 8E916A
≈ Extra Mile
Tetradico +90° +180° +270°
- 7B8EB0
Ashton Skies
- A98091
≈ Lacy Mist
- 9F8B67
≈ Historic Town
- 6A9989
≈ Cyprus Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.33:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--ashton-skies: #7b8eb0;
--ashton-skies-rgb: 123 142 176;
--ashton-skies-oklch: oklch(0.644 0.056 262);
}
.element {
color: var(--ashton-skies);
background-color: hsl(218 25% 59%);
border-color: oklch(0.644 0.056 262);
}Tailwind CSS v4
@theme {
--color-ashton-skies: #7b8eb0;
--color-ashton-skies-50: #edf5ff;
--color-ashton-skies-100: #dee8fb;
--color-ashton-skies-200: #c8d5ed;
--color-ashton-skies-300: #a9b8d5;
--color-ashton-skies-400: #8d9fc0;
--color-ashton-skies-500: #7287ac;
--color-ashton-skies-600: #617291;
--color-ashton-skies-700: #4d5b74;
--color-ashton-skies-800: #374356;
--color-ashton-skies-900: #262e3c;
--color-ashton-skies-950: #141b26;
}SCSS
$ashton-skies: #7b8eb0;
$ashton-skies-rgb: 123, 142, 176;
$ashton-skies-light: mix(#fff, $ashton-skies, 20%);
$ashton-skies-dark: mix(#000, $ashton-skies, 20%);
.element {
color: $ashton-skies;
box-shadow: 0 0 0 2px rgba($ashton-skies, 0.35);
}