Colore con nome · #698589
Thundercloud
Thundercloud è #698589: rgb(105 133 137), hsl(187 13% 47%), oklch(0.596 0.032 207). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Thundercloud color name →
#698589
oklch(0.596 0.032 207)
Conversioni di colore
- HEX
- #698589
- RGB
- rgb(105 133 137)
- HSL
- hsl(187 13% 47%)
- HWB
- hwb(187 41% 46%)
- OKLCH
- oklch(0.596 0.032 207)
- OKLab
- oklab(0.596 -0.029 -0.015)
- CIE Lab
- lab(53.46 -9.63 -5.63)
- LCH
- lch(53.46 11.16 210.3)
- CMYK
- cmyk(23% 3% 0% 46%)
Tinte · Ombre · Toni
Tinte
- 779194
- 869CA0
- 94A8AB
- A3B4B7
- B2C0C2
- C1CDCE
- D0D9DA
- E0E6E6
- EFF2F3
Ombre
- 5A7376
- 4C6164
- 3E5053
- 314042
- 243031
- 182122
- 0C1314
- 040607
- 000101
Toni
- 6C8588
- 6E8487
- 708486
- 738385
- 758385
- 778284
- 7A8283
- 7C8182
- 7E8181
Armonie di colore
Complementare +180°
- 698589
Thundercloud
- 927875
≈ Astro Sunset
Analogo -30° +30°
- 698589
Thundercloud
- 6B867F
≈ Marsh Creek
- 6D8390
≈ Mica Creek
Triadico +120° +240°
- 698589
Thundercloud
- 8A7989
≈ Classical Violet
- 877E69
≈ Clay Bath
Complementare divisa +150° +210°
- 698589
Thundercloud
- 90777F
≈ Purple Rubiate
- 8F7B6D
≈ Miami Spice
Tetradico +90° +180° +270°
- 698589
Thundercloud
- 817B91
≈ Waterloo
- 927875
≈ Astro Sunset
- 7D826C
≈ Cactus Garden
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.94:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.31:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--thundercloud: #698589;
--thundercloud-rgb: 105 133 137;
--thundercloud-oklch: oklch(0.596 0.032 207);
}
.element {
color: var(--thundercloud);
background-color: hsl(187 13% 47%);
border-color: oklch(0.596 0.032 207);
}Tailwind CSS v4
@theme {
--color-thundercloud: #698589;
--color-thundercloud-50: #ebf8fa;
--color-thundercloud-100: #dcebee;
--color-thundercloud-200: #c5d8dc;
--color-thundercloud-300: #a5bcc0;
--color-thundercloud-400: #89a4a8;
--color-thundercloud-500: #6d8d91;
--color-thundercloud-600: #5d777b;
--color-thundercloud-700: #4a5f62;
--color-thundercloud-800: #354648;
--color-thundercloud-900: #243032;
--color-thundercloud-950: #131d1e;
}SCSS
$thundercloud: #698589;
$thundercloud-rgb: 105, 133, 137;
$thundercloud-light: mix(#fff, $thundercloud, 20%);
$thundercloud-dark: mix(#000, $thundercloud, 20%);
.element {
color: $thundercloud;
box-shadow: 0 0 0 2px rgba($thundercloud, 0.35);
}