En yakın adlandırılmış renk · #9B111F
#9B111F
En yakın adlandırılmış renk: Sacred Scarlet
#9B111F (rgb(155 17 31), hsl(354 80% 34%), oklch(0.442 0.169 24)) en çok Sacred Scarlet adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9B111F
oklch(0.442 0.169 24)
Renk dönüşümleri
- HEX
- #9b111f
- RGB
- rgb(155 17 31)
- HSL
- hsl(354 80% 34%)
- HWB
- hwb(354 7% 39%)
- OKLCH
- oklch(0.442 0.169 24)
- OKLab
- oklab(0.442 0.154 0.069)
- CIE Lab
- lab(33.52 53.7 32.91)
- LCH
- lch(33.52 62.98 31.5)
- CMYK
- cmyk(0% 89% 80% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A83435
- B44D4A
- C06460
- CB7A75
- D5908B
- DFA6A2
- E8BCB8
- F0D2CF
- F8E8E7
Koyu tonlar
- 860D19
- 720914
- 5E060F
- 4B040A
- 390206
- 280103
- 180001
- 090000
- 010000
Gri tonlar
- 9A262A
- 993534
- 98413E
- 964B48
- 945551
- 915E5B
- 8E6764
- 8A706D
- 857877
Renk uyumları
Tamamlayıcı +180°
- 9B111F
Sacred Scarlet
- 005F66
≈ Beau Vert
Analog -30° +30°
- 9B111F
Sacred Scarlet
- 931459
≈ Strong Cerise
- 803E00
≈ Hazelnut Chocolate
Üçlü +120° +240°
- 9B111F
Sacred Scarlet
- 006610
≈ Nature’s Masterpiece
- 2049AE
≈ The Blues Brothers
Bölünmüş tamamlayıcı +150° +210°
- 9B111F
Sacred Scarlet
- 00624F
≈ Sci-Fi Takeout
- 005A7E
≈ Commandes
Dörtlü +90° +180° +270°
- 9B111F
Sacred Scarlet
- 535800
≈ Douro
- 005F66
≈ Beau Vert
- 5C36A5
≈ Royalty
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.42:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.49:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.42:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--sacred-scarlet: #9b111f;
--sacred-scarlet-rgb: 155 17 31;
--sacred-scarlet-oklch: oklch(0.442 0.169 24);
}
.element {
color: var(--sacred-scarlet);
background-color: hsl(354 80% 34%);
border-color: oklch(0.442 0.169 24);
}Tailwind CSS v4
@theme {
--color-sacred-scarlet: #9b111f;
--color-sacred-scarlet-50: #ffe3dc;
--color-sacred-scarlet-100: #ffd3cb;
--color-sacred-scarlet-200: #ffb8af;
--color-sacred-scarlet-300: #ff938a;
--color-sacred-scarlet-400: #f2706c;
--color-sacred-scarlet-500: #e04b4c;
--color-sacred-scarlet-600: #bd4141;
--color-sacred-scarlet-700: #983433;
--color-sacred-scarlet-800: #712427;
--color-sacred-scarlet-900: #50181a;
--color-sacred-scarlet-950: #35080a;
}SCSS
$sacred-scarlet: #9b111f;
$sacred-scarlet-rgb: 155, 17, 31;
$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);
}