Nearest named color · #B33F00
#B33F00
Nearest named color: Donkey Kong
#B33F00 (rgb(179 63 0), hsl(21 100% 35%), oklch(0.525 0.162 41)) is closest to the named color Donkey Kong. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B33F00
oklch(0.525 0.162 41)
Color conversions
- HEX
- #b33f00
- RGB
- rgb(179 63 0)
- HSL
- hsl(21 100% 35%)
- HWB
- hwb(21 0% 30%)
- OKLCH
- oklch(0.525 0.162 41)
- OKLab
- oklab(0.525 0.122 0.106)
- CIE Lab
- lab(43.64 46.44 55.26)
- LCH
- lch(43.64 72.19 50)
- CMYK
- cmyk(0% 65% 100% 30%)
Tints · Shades · Tones
Tints
- BD542B
- C66845
- CF7C5D
- D78E74
- DFA18A
- E6B4A1
- EDC6B8
- F4D9D0
- FAECE7
Shades
- 9B3500
- 842C00
- 6E2300
- 581B00
- 431200
- 2F0A00
- 1D0400
- 0C0100
- 010000
Tones
- AF481D
- AB502D
- A7583A
- A35E45
- 9E6550
- 996B5A
- 937064
- 8D766D
- 877B77
Color harmonies
Complementary +180°
- B33F00
Donkey Kong
- 007691
≈ Cleopatra
Analogous -30° +30°
- B33F00
Donkey Kong
- B33653
≈ Raspberry Wine
- 935D00
≈ Sepia Wash
Triadic +120° +240°
- B33F00
Donkey Kong
- 007F54
≈ Irish Beauty
- 5D59C4
≈ Circumorbital Ring
Split-complementary +150° +210°
- B33F00
Donkey Kong
- 007B77
≈ Surfie Green
- 006CBE
≈ Blue Diamond
Tetradic +90° +180° +270°
- B33F00
Donkey Kong
- 4C7A00
≈ Tropicana
- 007691
≈ Cleopatra
- 8849AE
≈ Harley Hair Purple
Contrast & accessibility
Ag
AAOn white
WCAG 5.78:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.62:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.78:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--donkey-kong: #b33f00;
--donkey-kong-rgb: 179 63 0;
--donkey-kong-oklch: oklch(0.525 0.162 41);
}
.element {
color: var(--donkey-kong);
background-color: hsl(21 100% 35%);
border-color: oklch(0.525 0.162 41);
}Tailwind CSS v4
@theme {
--color-donkey-kong: #b33f00;
--color-donkey-kong-50: #ffe7d1;
--color-donkey-kong-100: #ffd7bd;
--color-donkey-kong-200: #ffbe9d;
--color-donkey-kong-300: #fc9b72;
--color-donkey-kong-400: #ec794d;
--color-donkey-kong-500: #da571b;
--color-donkey-kong-600: #b84a1b;
--color-donkey-kong-700: #943b15;
--color-donkey-kong-800: #6f2910;
--color-donkey-kong-900: #4e1c0a;
--color-donkey-kong-950: #330b01;
}SCSS
$donkey-kong: #b33f00;
$donkey-kong-rgb: 179, 63, 0;
$donkey-kong-light: mix(#fff, $donkey-kong, 20%);
$donkey-kong-dark: mix(#000, $donkey-kong, 20%);
.element {
color: $donkey-kong;
box-shadow: 0 0 0 2px rgba($donkey-kong, 0.35);
}