Colore con nome · #36526A
Velvet Rope
Velvet Rope è #36526A: rgb(54 82 106), hsl(208 33% 31%), oklch(0.427 0.052 245.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Velvet Rope color name →
#36526A
oklch(0.427 0.052 245.3)
Conversioni di colore
- HEX
- #36526a
- RGB
- rgb(54 82 106)
- HSL
- hsl(208 33% 31%)
- HWB
- hwb(208 21% 58%)
- OKLCH
- oklch(0.427 0.052 245.3)
- OKLab
- oklab(0.427 -0.022 -0.048)
- CIE Lab
- lab(33.44 -5.33 -17.43)
- LCH
- lch(33.44 18.22 253)
- CMYK
- cmyk(49% 23% 0% 58%)
Tinte · Ombre · Toni
Tinte
- 486278
- 5B7286
- 6E8395
- 8293A3
- 96A5B2
- AAB6C1
- BFC8D0
- D4DAE0
- E9ECEF
Ombre
- 2E465B
- 253B4D
- 1E2F3F
- 162531
- 0F1A24
- 081118
- 03080D
- 010204
- 000000
Toni
- 3D576C
- 455B6F
- 4C6071
- 546473
- 5B6975
- 626E78
- 6A727A
- 71777C
- 797B7E
Armonie di colore
Complementare +180°
- 36526A
Velvet Rope
- 63492F
≈ Dallas
Analogo -30° +30°
- 36526A
Velvet Rope
- 295661
≈ Glitch
- 474D6C
≈ Royal Hyacinth
Triadico +120° +240°
- 36526A
Velvet Rope
- 68434B
≈ Estate Vineyard
- 485434
≈ Zen Garden Olive
Complementare divisa +150° +210°
- 36526A
Velvet Rope
- 68453B
≈ Chocolate Lab
- 584F2C
≈ West Coast
Tetradico +90° +180° +270°
- 36526A
Velvet Rope
- 61445A
≈ Hortensia
- 63492F
≈ Dallas
- 375842
≈ O’Neal Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.16:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.57:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--velvet-rope: #36526a;
--velvet-rope-rgb: 54 82 106;
--velvet-rope-oklch: oklch(0.427 0.052 245.3);
}
.element {
color: var(--velvet-rope);
background-color: hsl(208 33% 31%);
border-color: oklch(0.427 0.052 245.3);
}Tailwind CSS v4
@theme {
--color-velvet-rope: #36526a;
--color-velvet-rope-50: #eaf7ff;
--color-velvet-rope-100: #dbeaf9;
--color-velvet-rope-200: #c3d7ea;
--color-velvet-rope-300: #a3bad1;
--color-velvet-rope-400: #85a2bc;
--color-velvet-rope-500: #698aa7;
--color-velvet-rope-600: #59758d;
--color-velvet-rope-700: #475e71;
--color-velvet-rope-800: #334553;
--color-velvet-rope-900: #222f3a;
--color-velvet-rope-950: #111c24;
}SCSS
$velvet-rope: #36526a;
$velvet-rope-rgb: 54, 82, 106;
$velvet-rope-light: mix(#fff, $velvet-rope, 20%);
$velvet-rope-dark: mix(#000, $velvet-rope, 20%);
.element {
color: $velvet-rope;
box-shadow: 0 0 0 2px rgba($velvet-rope, 0.35);
}