Nazwany kolor · #6D98C4
Windstorm
Windstorm to #6D98C4: rgb(109 152 196), hsl(210 42% 60%), oklch(0.666 0.081 249.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Windstorm color name →
#6D98C4
oklch(0.666 0.081 249.7)
Konwersje koloru
- HEX
- #6d98c4
- RGB
- rgb(109 152 196)
- HSL
- hsl(210 42% 60%)
- HWB
- hwb(210 43% 23%)
- OKLCH
- oklch(0.666 0.081 249.7)
- OKLab
- oklab(0.666 -0.028 -0.076)
- CIE Lab
- lab(61.01 -6.21 -27.77)
- LCH
- lch(61.01 28.46 257.4)
- CMYK
- cmyk(44% 22% 0% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7BA2CA
- 8AACD0
- 98B6D6
- A6C1DC
- B5CBE2
- C3D5E8
- D2E0EE
- E1EAF4
- F0F4F9
Odcienie ciemniejsze
- 5E84AA
- 4F7091
- 415C78
- 334A61
- 26384A
- 192735
- 0D1721
- 04080E
- 010102
Tony
- 6F96BD
- 7293B6
- 7491B0
- 768FA9
- 788CA2
- 7A8A9B
- 7B8894
- 7D858E
- 7F8387
Harmonie kolorów
Komplementarna +180°
- 6D98C4
Windstorm
- B48B5C
≈ Crown Gold
Analogowa -30° +30°
- 6D98C4
Windstorm
- 55A0B6
≈ Inuit
- 898FC5
≈ Carriage Ride
Triada +120° +240°
- 6D98C4
Windstorm
- C07F89
≈ Lipstick Pink
- 849E69
≈ Green Sky
Komplementarna rozszczepiona +150° +210°
- 6D98C4
Windstorm
- BF836E
≈ Kitchen Terra Cotta
- A09559
≈ Terran Khaki
Tetrada +90° +180° +270°
- 6D98C4
Windstorm
- B680A4
≈ Purple Cheeks
- B48B5C
≈ Crown Gold
- 66A383
≈ Plumosa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.02:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.93:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--windstorm: #6d98c4;
--windstorm-rgb: 109 152 196;
--windstorm-oklch: oklch(0.666 0.081 249.7);
}
.element {
color: var(--windstorm);
background-color: hsl(210 42% 60%);
border-color: oklch(0.666 0.081 249.7);
}Tailwind CSS v4
@theme {
--color-windstorm: #6d98c4;
--color-windstorm-50: #e5f7ff;
--color-windstorm-100: #d5eaff;
--color-windstorm-200: #bcd7f7;
--color-windstorm-300: #9abbe0;
--color-windstorm-400: #79a3cd;
--color-windstorm-500: #5b8aba;
--color-windstorm-600: #4e759d;
--color-windstorm-700: #3e5e7e;
--color-windstorm-800: #2b455d;
--color-windstorm-900: #1d3041;
--color-windstorm-950: #0d1c2a;
}SCSS
$windstorm: #6d98c4;
$windstorm-rgb: 109, 152, 196;
$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);
}