Colore con nome più vicino · #679AC5
#679AC5
Colore con nome più vicino: Windstorm
#679AC5 (rgb(103 154 197), hsl(207 45% 59%), oklch(0.667 0.084 245)) è più vicino al colore con nome Windstorm. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#679AC5
oklch(0.667 0.084 245)
Conversioni di colore
- HEX
- #679ac5
- RGB
- rgb(103 154 197)
- HSL
- hsl(207 45% 59%)
- HWB
- hwb(207 40% 23%)
- OKLCH
- oklch(0.667 0.084 245)
- OKLab
- oklab(0.667 -0.036 -0.076)
- CIE Lab
- lab(61.28 -8.65 -27.95)
- LCH
- lch(61.28 29.26 252.8)
- CMYK
- cmyk(48% 22% 0% 23%)
Tinte · Ombre · Toni
Tinte
- 76A4CB
- 85AED1
- 94B8D7
- A3C2DD
- B2CCE3
- C2D6E8
- D1E0EE
- E0EAF4
- EFF5F9
Ombre
- 5985AB
- 4B7192
- 3D5E79
- 304B61
- 23394B
- 172735
- 0C1721
- 04090E
- 000102
Toni
- 6A98BE
- 6D95B7
- 7093B0
- 7390A9
- 758DA3
- 788B9C
- 7A8895
- 7C858E
- 7E8387
Armonie di colore
Complementare +180°
- 679AC5
Windstorm
- B88A5C
≈ Caramel Cupcake
Analogo -30° +30°
- 679AC5
Windstorm
- 50A2B5
≈ Maui Blue
- 8590C8
≈ Bailey Bells
Triadico +120° +240°
- 679AC5
Windstorm
- C17E8D
≈ Lipstick Pink
- 889E64
≈ Green Sky
Complementare divisa +150° +210°
- 679AC5
Windstorm
- C28271
≈ Earthworm
- A49456
≈ Desert Yellow
Tetradico +90° +180° +270°
- 679AC5
Windstorm
- B581A9
≈ Stage Mauve
- B88A5C
≈ Caramel Cupcake
- 69A47E
≈ Growth
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.99:1 · APCA Lc 57
Ag
AAASu nero
WCAG 7.00:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--windstorm: #679ac5;
--windstorm-rgb: 103 154 197;
--windstorm-oklch: oklch(0.667 0.084 245);
}
.element {
color: var(--windstorm);
background-color: hsl(207 45% 59%);
border-color: oklch(0.667 0.084 245);
}Tailwind CSS v4
@theme {
--color-windstorm: #679ac5;
--color-windstorm-50: #e3f8ff;
--color-windstorm-100: #d2ebff;
--color-windstorm-200: #b8d8f7;
--color-windstorm-300: #95bce1;
--color-windstorm-400: #74a4cd;
--color-windstorm-500: #538cba;
--color-windstorm-600: #47769d;
--color-windstorm-700: #395f7e;
--color-windstorm-800: #27465d;
--color-windstorm-900: #1a3041;
--color-windstorm-950: #0a1c2a;
}SCSS
$windstorm: #679ac5;
$windstorm-rgb: 103, 154, 197;
$windstorm-light: mix(#fff, $windstorm, 20%);
$windstorm-dark: mix(#000, $windstorm, 20%);
.element {
color: $windstorm;
box-shadow: 0 0 0 2px rgba($windstorm, 0.35);
}