Colore con nome · #A5B3CC
Kentucky Blue
Kentucky Blue è #A5B3CC: rgb(165 179 204), hsl(218 28% 72%), oklch(0.764 0.039 262.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Kentucky Blue color name →
#A5B3CC
oklch(0.764 0.039 262.1)
Conversioni di colore
- HEX
- #a5b3cc
- RGB
- rgb(165 179 204)
- HSL
- hsl(218 28% 72%)
- HWB
- hwb(218 65% 20%)
- OKLCH
- oklch(0.764 0.039 262.1)
- OKLab
- oklab(0.764 -0.005 -0.039)
- CIE Lab
- lab(72.46 -1.06 -14.46)
- LCH
- lch(72.46 14.5 265.8)
- CMYK
- cmyk(19% 12% 0% 20%)
Tinte · Ombre · Toni
Tinte
- AEBAD1
- B6C2D6
- BFC9DB
- C8D1E0
- D1D8E6
- DAE0EB
- E3E8F0
- ECEFF5
- F6F7FA
Ombre
- 8F9BB1
- 798497
- 656E7E
- 515865
- 3D434E
- 2B2F37
- 1A1D22
- 0A0C0F
- 010102
Toni
- A1AEC4
- 9EA9BC
- 9AA3B5
- 969EAD
- 9299A5
- 8F949E
- 8B8F96
- 878A8F
- 848587
Armonie di colore
Complementare +180°
- A5B3CC
Kentucky Blue
- BFB097
≈ Riviera Beach
Analogo -30° +30°
- A5B3CC
Kentucky Blue
- 9AB7C7
≈ Country Air
- B2AECA
≈ Lavender Dream
Triadico +120° +240°
- A5B3CC
Kentucky Blue
- CAA9A7
≈ Lovebug
- A5B9A2
≈ Laurel Green
Complementare divisa +150° +210°
- A5B3CC
Kentucky Blue
- C7AC9C
≈ Powdered Allspice
- B2B599
≈ Mountain Green
Tetradico +90° +180° +270°
- A5B3CC
Kentucky Blue
- C7A9B5
≈ Breathtaking Evening
- BFB097
≈ Riviera Beach
- 9ABBAF
≈ Moncur
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.91:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--kentucky-blue: #a5b3cc;
--kentucky-blue-rgb: 165 179 204;
--kentucky-blue-oklch: oklch(0.764 0.039 262.1);
}
.element {
color: var(--kentucky-blue);
background-color: hsl(218 28% 72%);
border-color: oklch(0.764 0.039 262.1);
}Tailwind CSS v4
@theme {
--color-kentucky-blue: #a5b3cc;
--color-kentucky-blue-50: #eff5ff;
--color-kentucky-blue-100: #e1e8f5;
--color-kentucky-blue-200: #ccd4e6;
--color-kentucky-blue-300: #adb8cc;
--color-kentucky-blue-400: #929fb6;
--color-kentucky-blue-500: #7887a1;
--color-kentucky-blue-600: #667288;
--color-kentucky-blue-700: #515b6d;
--color-kentucky-blue-800: #3b4350;
--color-kentucky-blue-900: #282e38;
--color-kentucky-blue-950: #161b22;
}SCSS
$kentucky-blue: #a5b3cc;
$kentucky-blue-rgb: 165, 179, 204;
$kentucky-blue-light: mix(#fff, $kentucky-blue, 20%);
$kentucky-blue-dark: mix(#000, $kentucky-blue, 20%);
.element {
color: $kentucky-blue;
box-shadow: 0 0 0 2px rgba($kentucky-blue, 0.35);
}