Colore con nome · #39527D
St. Tropaz
St. Tropaz è #39527D: rgb(57 82 125), hsl(218 37% 36%), oklch(0.439 0.078 260.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · St. Tropaz color name →
#39527D
oklch(0.439 0.078 260.8)
Conversioni di colore
- HEX
- #39527d
- RGB
- rgb(57 82 125)
- HSL
- hsl(218 37% 36%)
- HWB
- hwb(218 22% 51%)
- OKLCH
- oklch(0.439 0.078 260.8)
- OKLab
- oklab(0.439 -0.012 -0.077)
- CIE Lab
- lab(34.4 0.54 -27.7)
- LCH
- lch(34.4 27.7 271.1)
- CMYK
- cmyk(54% 34% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 4B628A
- 5D7297
- 7083A4
- 8394B0
- 97A5BD
- ABB7CA
- BFC8D7
- D4DAE5
- E9EDF2
Ombre
- 30466C
- 283B5B
- 1F2F4B
- 17253B
- 101A2C
- 09111E
- 040811
- 010205
- 000001
Toni
- 40577E
- 475B7E
- 4E607F
- 55657F
- 5C6980
- 636E80
- 6A7280
- 727780
- 797C80
Armonie di colore
Complementare +180°
- 39527D
St. Tropaz
- 684D18
≈ Black Queen
Analogo -30° +30°
- 39527D
St. Tropaz
- 185975
≈ Ink Blue
- 524A7A
≈ Red Cabbage
Triadico +120° +240°
- 39527D
St. Tropaz
- 774040
≈ Sequoia Redwood
- 395D33
≈ Parsley
Complementare divisa +150° +210°
- 39527D
St. Tropaz
- 744528
≈ Bull Shot
- 54561D
≈ Private Green
Tetradico +90° +180° +270°
- 39527D
St. Tropaz
- 723F58
≈ Mystique Violet
- 684D18
≈ Black Queen
- 16604C
≈ Sci-Fi Takeout
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.84:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.67:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--st-tropaz: #39527d;
--st-tropaz-rgb: 57 82 125;
--st-tropaz-oklch: oklch(0.439 0.078 260.8);
}
.element {
color: var(--st-tropaz);
background-color: hsl(218 37% 36%);
border-color: oklch(0.439 0.078 260.8);
}Tailwind CSS v4
@theme {
--color-st-tropaz: #39527d;
--color-st-tropaz-50: #e9f6ff;
--color-st-tropaz-100: #dae9ff;
--color-st-tropaz-200: #c3d5f6;
--color-st-tropaz-300: #a2b8e0;
--color-st-tropaz-400: #849fcd;
--color-st-tropaz-500: #6987ba;
--color-st-tropaz-600: #59729d;
--color-st-tropaz-700: #475b7e;
--color-st-tropaz-800: #32435d;
--color-st-tropaz-900: #222e41;
--color-st-tropaz-950: #111b2a;
}SCSS
$st-tropaz: #39527d;
$st-tropaz-rgb: 57, 82, 125;
$st-tropaz-light: mix(#fff, $st-tropaz, 20%);
$st-tropaz-dark: mix(#000, $st-tropaz, 20%);
.element {
color: $st-tropaz;
box-shadow: 0 0 0 2px rgba($st-tropaz, 0.35);
}