Adlandırılmış renk · #9F0000
Cacodemon Red
Cacodemon Red, #9F0000: rgb(159 0 0), hsl(0 100% 31%), oklch(0.441 0.181 29.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Cacodemon Red color name →
#9F0000
oklch(0.441 0.181 29.2)
Renk dönüşümleri
- HEX
- #9f0000
- RGB
- rgb(159 0 0)
- HSL
- hsl(0 100% 31%)
- HWB
- hwb(0 0% 38%)
- OKLCH
- oklch(0.441 0.181 29.2)
- OKLab
- oklab(0.441 0.158 0.088)
- CIE Lab
- lab(33.38 56.77 48.44)
- LCH
- lch(33.38 74.62 40.5)
- CMYK
- cmyk(0% 100% 100% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AC2F24
- B84A3D
- C36255
- CE796C
- D88F84
- E1A59C
- E9BCB4
- F1D2CD
- F9E8E6
Koyu tonlar
- 8A0000
- 750000
- 610000
- 4D0000
- 3B0000
- 290000
- 180000
- 090000
- 010000
Gri tonlar
- 9E2017
- 9D3126
- 9B3E33
- 99493F
- 96544A
- 935D55
- 8F6660
- 8B6F6B
- 867875
Renk uyumları
Tamamlayıcı +180°
- 9F0000
Cacodemon Red
- 005E69
≈ Fish Tale
Analog -30° +30°
- 9F0000
Cacodemon Red
- 980050
≈ Vertigo Cherry
- 7C4200
≈ Hazelnut Chocolate
Üçlü +120° +240°
- 9F0000
Cacodemon Red
- 006529
≈ Woodland Wonder
- 2E43B5
≈ Denim
Bölünmüş tamamlayıcı +150° +210°
- 9F0000
Cacodemon Red
- 006154
≈ Alpine Green
- 005984
≈ High Profile
Dörtlü +90° +180° +270°
- 9F0000
Cacodemon Red
- 4D5A00
≈ Kyuri Green
- 005E69
≈ Fish Tale
- 642EA6
≈ Royalty
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.48:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.47:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 8.48:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--cacodemon-red: #9f0000;
--cacodemon-red-rgb: 159 0 0;
--cacodemon-red-oklch: oklch(0.441 0.181 29.2);
}
.element {
color: var(--cacodemon-red);
background-color: hsl(0 100% 31%);
border-color: oklch(0.441 0.181 29.2);
}Tailwind CSS v4
@theme {
--color-cacodemon-red: #9f0000;
--color-cacodemon-red-50: #ffe3d6;
--color-cacodemon-red-100: #ffd2c3;
--color-cacodemon-red-200: #ffb7a4;
--color-cacodemon-red-300: #ff927d;
--color-cacodemon-red-400: #f76d5c;
--color-cacodemon-red-500: #e54536;
--color-cacodemon-red-600: #c23c2f;
--color-cacodemon-red-700: #9c3026;
--color-cacodemon-red-800: #74211c;
--color-cacodemon-red-900: #521613;
--color-cacodemon-red-950: #370605;
}SCSS
$cacodemon-red: #9f0000;
$cacodemon-red-rgb: 159, 0, 0;
$cacodemon-red-light: mix(#fff, $cacodemon-red, 20%);
$cacodemon-red-dark: mix(#000, $cacodemon-red, 20%);
.element {
color: $cacodemon-red;
box-shadow: 0 0 0 2px rgba($cacodemon-red, 0.35);
}