Nazwany kolor · #9C2626
Tamed Beast
Tamed Beast to #9C2626: rgb(156 38 38), hsl(0 61% 38%), oklch(0.46 0.154 25.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tamed Beast color name →
#9C2626
oklch(0.46 0.154 25.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A8403B
- B45650
- BF6B64
- CA8079
- D4958F
- DEAAA4
- E7BFBA
- EFD4D1
- F7E9E8
Odcienie ciemniejsze
- 872020
- 731919
- 5F1313
- 4C0D0D
- 390808
- 280404
- 180202
- 090101
- 010000
Tony
- 9B3330
- 9A3E3A
- 984843
- 96514C
- 935A54
- 91625D
- 8D6A66
- 89716F
- 857977
Harmonie kolorów
Komplementarna +180°
- 9C2626
Tamed Beast
- 00646D
≈ Peacock Tail
Analogowa -30° +30°
- 9C2626
Tamed Beast
- 95255B
≈ Berry Curious
- 864400
≈ Chocolate Pancakes
Triada +120° +240°
- 9C2626
Tamed Beast
- 006B1D
≈ Avagddu Green
- 2E4FAD
≈ The Blues Brothers
Komplementarna rozszczepiona +150° +210°
- 9C2626
Tamed Beast
- 006756
≈ Piney Lake
- 005F87
≈ Blue Flame
Tetrada +90° +180° +270°
- 9C2626
Tamed Beast
- 565E00
≈ Greensboro
- 00646D
≈ Peacock Tail
- 613FA3
≈ Poppy Pompadour
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.72:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.71:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}