Colore con nome · #950C1B
Sacred Scarlet
Sacred Scarlet è #950C1B: rgb(149 12 27), hsl(353 85% 32%), oklch(0.427 0.166 24.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sacred Scarlet color name →
#950C1B
oklch(0.427 0.166 24.3)
Conversioni di colore
- HEX
- #950c1b
- RGB
- rgb(149 12 27)
- HSL
- hsl(353 85% 32%)
- HWB
- hwb(353 5% 42%)
- OKLCH
- oklch(0.427 0.166 24.3)
- OKLab
- oklab(0.427 0.151 0.068)
- CIE Lab
- lab(31.85 52.78 33.18)
- LCH
- lch(31.85 62.34 32.2)
- CMYK
- cmyk(0% 92% 82% 42%)
Tinte · Ombre · Toni
Tinte
- A23132
- AF4A47
- BB625D
- C77873
- D28E89
- DCA5A0
- E6BBB7
- EFD1CF
- F7E8E7
Ombre
- 810916
- 6D0611
- 5A040C
- 480308
- 370205
- 260102
- 160001
- 080000
- 010000
Toni
- 952327
- 953231
- 943E3C
- 934945
- 91534F
- 8F5D59
- 8C6663
- 896F6C
- 857776
Armonie di colore
Complementare +180°
- 950C1B
Sacred Scarlet
- 005A61
≈ Entrapment
Analogo -30° +30°
- 950C1B
Sacred Scarlet
- 8D0F55
≈ Reddish Purple
- 7A3B00
≈ Red Beech
Triadico +120° +240°
- 950C1B
Sacred Scarlet
- 006111
≈ Thuja Green
- 1E45A8
≈ Soulstone Blue
Complementare divisa +150° +210°
- 950C1B
Sacred Scarlet
- 005D4C
≈ Evergreen
- 005678
≈ Studer Blue
Tetradico +90° +180° +270°
- 950C1B
Sacred Scarlet
- 4E5400
≈ Douro
- 005A61
≈ Entrapment
- 58329E
≈ Royalty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.95:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.34:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--sacred-scarlet: #950c1b;
--sacred-scarlet-rgb: 149 12 27;
--sacred-scarlet-oklch: oklch(0.427 0.166 24.3);
}
.element {
color: var(--sacred-scarlet);
background-color: hsl(353 85% 32%);
border-color: oklch(0.427 0.166 24.3);
}Tailwind CSS v4
@theme {
--color-sacred-scarlet: #950c1b;
--color-sacred-scarlet-50: #ffe4dc;
--color-sacred-scarlet-100: #ffd3cb;
--color-sacred-scarlet-200: #ffb9af;
--color-sacred-scarlet-300: #ff948a;
--color-sacred-scarlet-400: #f1726c;
--color-sacred-scarlet-500: #df4c4c;
--color-sacred-scarlet-600: #bc4241;
--color-sacred-scarlet-700: #973534;
--color-sacred-scarlet-800: #712527;
--color-sacred-scarlet-900: #50191a;
--color-sacred-scarlet-950: #35080a;
}SCSS
$sacred-scarlet: #950c1b;
$sacred-scarlet-rgb: 149, 12, 27;
$sacred-scarlet-light: mix(#fff, $sacred-scarlet, 20%);
$sacred-scarlet-dark: mix(#000, $sacred-scarlet, 20%);
.element {
color: $sacred-scarlet;
box-shadow: 0 0 0 2px rgba($sacred-scarlet, 0.35);
}