Nearest named color · #BF0000
#BF0000
Nearest named color: Ghost Pepper
#BF0000 (rgb(191 0 0), hsl(0 100% 37%), oklch(0.505 0.207 29.2)) is closest to the named color Ghost Pepper. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BF0000
oklch(0.505 0.207 29.2)
Color conversions
- HEX
- #bf0000
- RGB
- rgb(191 0 0)
- HSL
- hsl(0 100% 37%)
- HWB
- hwb(0 0% 25%)
- OKLCH
- oklch(0.505 0.207 29.2)
- OKLab
- oklab(0.505 0.181 0.101)
- CIE Lab
- lab(40.56 65.02 56.24)
- LCH
- lch(40.56 85.97 40.9)
- CMYK
- cmyk(0% 100% 100% 25%)
Tints · Shades · Tones
Tints
- C93529
- D25143
- DB695A
- E28071
- E99588
- EFABA0
- F4C0B7
- F9D5CF
- FCEAE7
Shades
- A60000
- 8D0000
- 750000
- 5E0000
- 480000
- 330000
- 1F0000
- 0D0000
- 020000
Tones
- BB251B
- B6372B
- B14438
- AC4F43
- A6594E
- A06258
- 996A63
- 92726C
- 897976
Color harmonies
Complementary +180°
- BF0000
Ghost Pepper
- 007280
≈ Deep Current
Analogous -30° +30°
- BF0000
Ghost Pepper
- B70062
≈ Aztec Warrior
- 955100
≈ Mochaccino
Triadic +120° +240°
- BF0000
Ghost Pepper
- 007A33
≈ La Salle Green
- 3952D9
≈ Gorgonzola Blue
Split-complementary +150° +210°
- BF0000
Ghost Pepper
- 007666
≈ Teal Waters
- 006C9E
≈ Disarm
Tetradic +90° +180° +270°
- BF0000
Ghost Pepper
- 5E6E00
≈ Brownish Green
- 007280
≈ Deep Current
- 7939C7
≈ Purple Rain
Contrast & accessibility
Ag
AAOn white
WCAG 6.53:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.21:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--ghost-pepper: #bf0000;
--ghost-pepper-rgb: 191 0 0;
--ghost-pepper-oklch: oklch(0.505 0.207 29.2);
}
.element {
color: var(--ghost-pepper);
background-color: hsl(0 100% 37%);
border-color: oklch(0.505 0.207 29.2);
}Tailwind CSS v4
@theme {
--color-ghost-pepper: #bf0000;
--color-ghost-pepper-50: #ffe0d1;
--color-ghost-pepper-100: #ffcebd;
--color-ghost-pepper-200: #ffb29d;
--color-ghost-pepper-300: #ff8a73;
--color-ghost-pepper-400: #ff6251;
--color-ghost-pepper-500: #f13023;
--color-ghost-pepper-600: #cb2c20;
--color-ghost-pepper-700: #a4231a;
--color-ghost-pepper-800: #7a1715;
--color-ghost-pepper-900: #570f0d;
--color-ghost-pepper-950: #3a0102;
}SCSS
$ghost-pepper: #bf0000;
$ghost-pepper-rgb: 191, 0, 0;
$ghost-pepper-light: mix(#fff, $ghost-pepper, 20%);
$ghost-pepper-dark: mix(#000, $ghost-pepper, 20%);
.element {
color: $ghost-pepper;
box-shadow: 0 0 0 2px rgba($ghost-pepper, 0.35);
}