Warna bernama terdekat · #679AC5
#679AC5
Warna bernama terdekat: Windstorm
#679AC5 (rgb(103 154 197), hsl(207 45% 59%), oklch(0.667 0.084 245)) paling mendekati warna bernama Windstorm. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#679AC5
oklch(0.667 0.084 245)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 76A4CB
- 85AED1
- 94B8D7
- A3C2DD
- B2CCE3
- C2D6E8
- D1E0EE
- E0EAF4
- EFF5F9
Shade
- 5985AB
- 4B7192
- 3D5E79
- 304B61
- 23394B
- 172735
- 0C1721
- 04090E
- 000102
Tone
- 6A98BE
- 6D95B7
- 7093B0
- 7390A9
- 758DA3
- 788B9C
- 7A8895
- 7C858E
- 7E8387
Harmoni warna
Komplementer +180°
- 679AC5
Windstorm
- B88A5C
≈ Caramel Cupcake
Analog -30° +30°
- 679AC5
Windstorm
- 50A2B5
≈ Maui Blue
- 8590C8
≈ Bailey Bells
Triadik +120° +240°
- 679AC5
Windstorm
- C17E8D
≈ Lipstick Pink
- 889E64
≈ Green Sky
Split-komplementer +150° +210°
- 679AC5
Windstorm
- C28271
≈ Earthworm
- A49456
≈ Desert Yellow
Tetradik +90° +180° +270°
- 679AC5
Windstorm
- B581A9
≈ Stage Mauve
- B88A5C
≈ Caramel Cupcake
- 69A47E
≈ Growth
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.99:1 · APCA Lc 57
Ag
AAADi atas hitam
WCAG 7.00:1 · APCA Lc 45
Warna teks terbaik: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Cuplikan kode
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);
}