Named color · #880000
Glass Bull
Glass Bull is #880000: rgb(136 0 0), hsl(0 100% 27%), oklch(0.394 0.162 29.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Glass Bull color name →
#880000
oklch(0.394 0.162 29.2)
Color conversions
- HEX
- #880000
- RGB
- rgb(136 0 0)
- HSL
- hsl(0 100% 27%)
- HWB
- hwb(0 0% 47%)
- OKLCH
- oklch(0.394 0.162 29.2)
- OKLab
- oklab(0.394 0.141 0.079)
- CIE Lab
- lab(28.05 50.64 41.9)
- LCH
- lch(28.05 65.73 39.6)
- CMYK
- cmyk(0% 100% 100% 47%)
Tints · Shades · Tones
Tints
- 972B21
- A54539
- B25D51
- BF7468
- CB8B80
- D6A199
- E1B8B2
- ECD0CB
- F6E7E5
Shades
- 750000
- 630000
- 520000
- 410000
- 310000
- 220000
- 130000
- 060000
- 010000
Tones
- 891D14
- 8A2D23
- 8B3A30
- 8B453C
- 8A5047
- 8A5A52
- 88645E
- 866D69
- 837775
Color harmonies
Complementary +180°
- 880000
Glass Bull
- 00505A
≈ Kali Blue
Analogous -30° +30°
- 880000
Glass Bull
- 820044
≈ Renanthera Orchid
- 693700
≈ Nutmeg Wood Finish
Triadic +120° +240°
- 880000
Glass Bull
- 005522
≈ O Tannenbaum
- 26389B
≈ Liquid Denim
Split-complementary +150° +210°
- 880000
Glass Bull
- 005247
≈ Green Oblivion
- 004B70
≈ Pompeii Blue
Tetradic +90° +180° +270°
- 880000
Glass Bull
- 414C00
≈ No Emissions Green
- 00505A
≈ Kali Blue
- 55268E
≈ Kalish Violet
Contrast & accessibility
Ag
AAAOn white
WCAG 10.25:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.04:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 10.25:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--glass-bull: #880000;
--glass-bull-rgb: 136 0 0;
--glass-bull-oklch: oklch(0.394 0.162 29.2);
}
.element {
color: var(--glass-bull);
background-color: hsl(0 100% 27%);
border-color: oklch(0.394 0.162 29.2);
}Tailwind CSS v4
@theme {
--color-glass-bull: #880000;
--color-glass-bull-50: #ffe5d9;
--color-glass-bull-100: #ffd5c7;
--color-glass-bull-200: #ffbbaa;
--color-glass-bull-300: #ff9784;
--color-glass-bull-400: #ee7565;
--color-glass-bull-500: #dd5142;
--color-glass-bull-600: #ba4639;
--color-glass-bull-700: #96372d;
--color-glass-bull-800: #702721;
--color-glass-bull-900: #4f1a16;
--color-glass-bull-950: #340907;
}SCSS
$glass-bull: #880000;
$glass-bull-rgb: 136, 0, 0;
$glass-bull-light: mix(#fff, $glass-bull, 20%);
$glass-bull-dark: mix(#000, $glass-bull, 20%);
.element {
color: $glass-bull;
box-shadow: 0 0 0 2px rgba($glass-bull, 0.35);
}