Colore con nome · #4D7179
Tornado Season
Tornado Season è #4D7179: rgb(77 113 121), hsl(191 22% 39%), oklch(0.524 0.043 213.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Tornado Season color name →
#4D7179
oklch(0.524 0.043 213.1)
Conversioni di colore
- HEX
- #4d7179
- RGB
- rgb(77 113 121)
- HSL
- hsl(191 22% 39%)
- HWB
- hwb(191 30% 53%)
- OKLCH
- oklch(0.524 0.043 213.1)
- OKLab
- oklab(0.524 -0.036 -0.023)
- CIE Lab
- lab(45.15 -11.66 -8.77)
- LCH
- lch(45.15 14.59 216.9)
- CMYK
- cmyk(36% 7% 0% 53%)
Tinte · Ombre · Toni
Tinte
- 5E7E86
- 6F8C92
- 809A9F
- 92A8AD
- A3B6BA
- B5C4C7
- C7D2D5
- DAE1E3
- ECF0F1
Ombre
- 426168
- 375258
- 2C4348
- 223539
- 18272B
- 0F1A1D
- 070E10
- 020405
- 000101
Toni
- 53737A
- 58747A
- 5D767B
- 62777C
- 67797D
- 6C7A7D
- 717C7E
- 767D7F
- 7B7F7F
Armonie di colore
Complementare +180°
- 4D7179
Tornado Season
- 81625A
≈ Hot Cocoa
Analogo -30° +30°
- 4D7179
Tornado Season
- 4E736C
≈ Smoky Emerald
- 556D81
≈ Deadwind Pass
Triadico +120° +240°
- 4D7179
Tornado Season
- 7A6175
≈ Chicha Morada
- 736A4E
≈ Olive Grove
Complementare divisa +150° +210°
- 4D7179
Tornado Season
- 806068
≈ Celine
- 7C6551
≈ Folk Guitar
Tetradico +90° +180° +270°
- 4D7179
Tornado Season
- 6F657F
≈ Victorian Iris
- 81625A
≈ Hot Cocoa
- 656F53
≈ Midnight Garden
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.31:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.95:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.31:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--tornado-season: #4d7179;
--tornado-season-rgb: 77 113 121;
--tornado-season-oklch: oklch(0.524 0.043 213.1);
}
.element {
color: var(--tornado-season);
background-color: hsl(191 22% 39%);
border-color: oklch(0.524 0.043 213.1);
}Tailwind CSS v4
@theme {
--color-tornado-season: #4d7179;
--color-tornado-season-50: #e8f9fd;
--color-tornado-season-100: #d9ecf1;
--color-tornado-season-200: #c1d9e0;
--color-tornado-season-300: #a0bdc5;
--color-tornado-season-400: #82a6ae;
--color-tornado-season-500: #658e97;
--color-tornado-season-600: #567880;
--color-tornado-season-700: #446066;
--color-tornado-season-800: #31474b;
--color-tornado-season-900: #213134;
--color-tornado-season-950: #101d1f;
}SCSS
$tornado-season: #4d7179;
$tornado-season-rgb: 77, 113, 121;
$tornado-season-light: mix(#fff, $tornado-season, 20%);
$tornado-season-dark: mix(#000, $tornado-season, 20%);
.element {
color: $tornado-season;
box-shadow: 0 0 0 2px rgba($tornado-season, 0.35);
}