Benannte Farbe · #9C2626
Tamed Beast
Tamed Beast ist #9C2626: rgb(156 38 38), hsl(0 61% 38%), oklch(0.46 0.154 25.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tamed Beast color name →
#9C2626
oklch(0.46 0.154 25.7)
Farbumrechnungen
- HEX
- #9c2626
- RGB
- rgb(156 38 38)
- HSL
- hsl(0 61% 38%)
- HWB
- hwb(0 15% 39%)
- OKLCH
- oklch(0.46 0.154 25.7)
- OKLab
- oklab(0.46 0.139 0.067)
- CIE Lab
- lab(35.8 48.71 31.09)
- LCH
- lch(35.8 57.79 32.5)
- CMYK
- cmyk(0% 76% 76% 39%)
Tints · Shades · Tones
Tints
- A8403B
- B45650
- BF6B64
- CA8079
- D4958F
- DEAAA4
- E7BFBA
- EFD4D1
- F7E9E8
Shades
- 872020
- 731919
- 5F1313
- 4C0D0D
- 390808
- 280404
- 180202
- 090101
- 010000
Tones
- 9B3330
- 9A3E3A
- 984843
- 96514C
- 935A54
- 91625D
- 8D6A66
- 89716F
- 857977
Farbharmonien
Komplementär +180°
- 9C2626
Tamed Beast
- 00646D
≈ Peacock Tail
Analog -30° +30°
- 9C2626
Tamed Beast
- 95255B
≈ Berry Curious
- 864400
≈ Chocolate Pancakes
Triadisch +120° +240°
- 9C2626
Tamed Beast
- 006B1D
≈ Avagddu Green
- 2E4FAD
≈ The Blues Brothers
Geteilt komplementär +150° +210°
- 9C2626
Tamed Beast
- 006756
≈ Piney Lake
- 005F87
≈ Blue Flame
Tetradisch +90° +180° +270°
- 9C2626
Tamed Beast
- 565E00
≈ Greensboro
- 00646D
≈ Peacock Tail
- 613FA3
≈ Poppy Pompadour
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.72:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--tamed-beast: #9c2626;
--tamed-beast-rgb: 156 38 38;
--tamed-beast-oklch: oklch(0.46 0.154 25.7);
}
.element {
color: var(--tamed-beast);
background-color: hsl(0 61% 38%);
border-color: oklch(0.46 0.154 25.7);
}Tailwind CSS v4
@theme {
--color-tamed-beast: #9c2626;
--color-tamed-beast-50: #ffe5dd;
--color-tamed-beast-100: #ffd5cc;
--color-tamed-beast-200: #ffbbb0;
--color-tamed-beast-300: #fd988b;
--color-tamed-beast-400: #ec766e;
--color-tamed-beast-500: #d9534e;
--color-tamed-beast-600: #b84742;
--color-tamed-beast-700: #943935;
--color-tamed-beast-800: #6e2827;
--color-tamed-beast-900: #4e1b1a;
--color-tamed-beast-950: #330a0b;
}SCSS
$tamed-beast: #9c2626;
$tamed-beast-rgb: 156, 38, 38;
$tamed-beast-light: mix(#fff, $tamed-beast, 20%);
$tamed-beast-dark: mix(#000, $tamed-beast, 20%);
.element {
color: $tamed-beast;
box-shadow: 0 0 0 2px rgba($tamed-beast, 0.35);
}