Colore con nome · #3F3F75
Hot Sauna
Hot Sauna è #3F3F75: rgb(63 63 117), hsl(240 30% 35%), oklch(0.395 0.09 281.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Hot Sauna color name →
#3F3F75
oklch(0.395 0.09 281.5)
Conversioni di colore
- HEX
- #3f3f75
- RGB
- rgb(63 63 117)
- HSL
- hsl(240 30% 35%)
- HWB
- hwb(240 25% 54%)
- OKLCH
- oklch(0.395 0.09 281.5)
- OKLab
- oklab(0.395 0.018 -0.088)
- CIE Lab
- lab(28.77 11.85 -31.54)
- LCH
- lch(28.77 33.69 290.6)
- CMYK
- cmyk(46% 46% 0% 54%)
Tinte · Ombre · Toni
Tinte
- 4F5183
- 616390
- 73759E
- 8588AC
- 989BBA
- ACAEC7
- C0C2D5
- D5D6E3
- EAEAF1
Ombre
- 353565
- 2C2C55
- 232346
- 1B1B37
- 121229
- 0A0A1C
- 04040F
- 010105
- 000001
Toni
- 454677
- 4B4C78
- 51537A
- 57597B
- 5E607C
- 64667D
- 6B6D7E
- 72737F
- 797A7F
Armonie di colore
Complementare +180°
- 3F3F75
Hot Sauna
- 504700
≈ Sugarloaf Brown
Analogo -30° +30°
- 3F3F75
Hot Sauna
- 1C4875
≈ Thunder Night
- 563769
≈ Purple Protégé
Triadico +120° +240°
- 3F3F75
Hot Sauna
- 6D331C
≈ Pueblo
- 005437
≈ Permanent Green
Complementare divisa +150° +210°
- 3F3F75
Hot Sauna
- 623D00
≈ Hippogriff Brown
- 345017
≈ Godzilla
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.63:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.17:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--hot-sauna: #3f3f75;
--hot-sauna-rgb: 63 63 117;
--hot-sauna-oklch: oklch(0.395 0.09 281.5);
}
.element {
color: var(--hot-sauna);
background-color: hsl(240 30% 35%);
border-color: oklch(0.395 0.09 281.5);
}Tailwind CSS v4
@theme {
--color-hot-sauna: #3f3f75;
--color-hot-sauna-50: #f1f2ff;
--color-hot-sauna-100: #e3e5ff;
--color-hot-sauna-200: #ced0fa;
--color-hot-sauna-300: #b1b2e5;
--color-hot-sauna-400: #9598d3;
--color-hot-sauna-500: #7c7fc0;
--color-hot-sauna-600: #696ba2;
--color-hot-sauna-700: #545682;
--color-hot-sauna-800: #3c3f61;
--color-hot-sauna-900: #292b44;
--color-hot-sauna-950: #17182c;
}SCSS
$hot-sauna: #3f3f75;
$hot-sauna-rgb: 63, 63, 117;
$hot-sauna-light: mix(#fff, $hot-sauna, 20%);
$hot-sauna-dark: mix(#000, $hot-sauna, 20%);
.element {
color: $hot-sauna;
box-shadow: 0 0 0 2px rgba($hot-sauna, 0.35);
}