Colore con nome · #3B4457
Soulful Music
Soulful Music è #3B4457: rgb(59 68 87), hsl(221 19% 29%), oklch(0.386 0.035 265). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soulful Music color name →
#3B4457
oklch(0.386 0.035 265)
Conversioni di colore
- HEX
- #3b4457
- RGB
- rgb(59 68 87)
- HSL
- hsl(221 19% 29%)
- HWB
- hwb(221 23% 66%)
- OKLCH
- oklch(0.386 0.035 265)
- OKLab
- oklab(0.386 -0.003 -0.034)
- CIE Lab
- lab(28.63 0.07 -12.69)
- LCH
- lch(28.63 12.69 270.3)
- CMYK
- cmyk(32% 22% 0% 66%)
Tinte · Ombre · Toni
Tinte
- 4C5566
- 5E6676
- 717886
- 848A97
- 979CA7
- ABAFB8
- BFC3CA
- D4D7DB
- E9EBED
Ombre
- 323A4B
- 29303E
- 212633
- 191D27
- 11141C
- 090C12
- 040508
- 010203
- 000000
Toni
- 424A5B
- 48505F
- 4F5563
- 565B67
- 5C616B
- 636770
- 6A6D74
- 727478
- 797A7C
Armonie di colore
Complementare +180°
- 3B4457
Soulful Music
- 4D432F
≈ Limonite Brown
Analogo -30° +30°
- 3B4457
Soulful Music
- 324754
≈ Aristocratic Blue
- 454155
≈ Dark Renaissance
Triadico +120° +240°
- 3B4457
Soulful Music
- 553D3B
≈ Deep Dungeon
- 394939
≈ Copper Pyrite Green
Complementare divisa +150° +210°
- 3B4457
Soulful Music
- 533F32
≈ Kenpō Brown
- 434631
≈ Country House Green
Tetradico +90° +180° +270°
- 3B4457
Soulful Music
- 533D45
≈ Indulgence
- 4D432F
≈ Limonite Brown
- 304A43
≈ Peacock House
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.76:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.15:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--soulful-music: #3b4457;
--soulful-music-rgb: 59 68 87;
--soulful-music-oklch: oklch(0.386 0.035 265);
}
.element {
color: var(--soulful-music);
background-color: hsl(221 19% 29%);
border-color: oklch(0.386 0.035 265);
}Tailwind CSS v4
@theme {
--color-soulful-music: #3b4457;
--color-soulful-music-50: #f1f5ff;
--color-soulful-music-100: #e3e8f4;
--color-soulful-music-200: #cdd4e4;
--color-soulful-music-300: #afb7ca;
--color-soulful-music-400: #949fb4;
--color-soulful-music-500: #7b869e;
--color-soulful-music-600: #687285;
--color-soulful-music-700: #535b6b;
--color-soulful-music-800: #3c434f;
--color-soulful-music-900: #292e37;
--color-soulful-music-950: #171b22;
}SCSS
$soulful-music: #3b4457;
$soulful-music-rgb: 59, 68, 87;
$soulful-music-light: mix(#fff, $soulful-music, 20%);
$soulful-music-dark: mix(#000, $soulful-music, 20%);
.element {
color: $soulful-music;
box-shadow: 0 0 0 2px rgba($soulful-music, 0.35);
}