Nazwany kolor · #950C1B
Sacred Scarlet
Sacred Scarlet to #950C1B: rgb(149 12 27), hsl(353 85% 32%), oklch(0.427 0.166 24.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Sacred Scarlet color name →
#950C1B
oklch(0.427 0.166 24.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A23132
- AF4A47
- BB625D
- C77873
- D28E89
- DCA5A0
- E6BBB7
- EFD1CF
- F7E8E7
Odcienie ciemniejsze
- 810916
- 6D0611
- 5A040C
- 480308
- 370205
- 260102
- 160001
- 080000
- 010000
Tony
- 952327
- 953231
- 943E3C
- 934945
- 91534F
- 8F5D59
- 8C6663
- 896F6C
- 857776
Harmonie kolorów
Komplementarna +180°
- 950C1B
Sacred Scarlet
- 005A61
≈ Entrapment
Analogowa -30° +30°
- 950C1B
Sacred Scarlet
- 8D0F55
≈ Reddish Purple
- 7A3B00
≈ Red Beech
Triada +120° +240°
- 950C1B
Sacred Scarlet
- 006111
≈ Thuja Green
- 1E45A8
≈ Soulstone Blue
Komplementarna rozszczepiona +150° +210°
- 950C1B
Sacred Scarlet
- 005D4C
≈ Evergreen
- 005678
≈ Studer Blue
Tetrada +90° +180° +270°
- 950C1B
Sacred Scarlet
- 4E5400
≈ Douro
- 005A61
≈ Entrapment
- 58329E
≈ Royalty
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.95:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.34:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
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);
}