Nearest named color · #00474B
#00474B
Nearest named color: Rich Black
#00474B (rgb(0 71 75), hsl(183 100% 15%), oklch(0.362 0.062 201.2)) is closest to the named color Rich Black. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00474B
oklch(0.362 0.062 201.2)
Color conversions
- HEX
- #00474b
- RGB
- rgb(0 71 75)
- HSL
- hsl(183 100% 15%)
- HWB
- hwb(183 0% 71%)
- OKLCH
- oklch(0.362 0.062 201.2)
- OKLab
- oklab(0.362 -0.057 -0.022)
- CIE Lab
- lab(26.57 -19.01 -8.35)
- LCH
- lch(26.57 20.77 203.7)
- CMYK
- cmyk(100% 5% 0% 71%)
Tints · Shades · Tones
Tints
- 23585B
- 3D696C
- 547A7D
- 6C8C8F
- 839FA0
- 9BB1B3
- B3C4C5
- CCD8D8
- E5EBEB
Shades
- 003D40
- 003235
- 00282B
- 001F21
- 001617
- 000D0E
- 000606
- 000202
- 000000
Tones
- 174D50
- 265255
- 32585B
- 3E5E60
- 496365
- 55696A
- 5F6F70
- 6A7475
- 757A7B
Color harmonies
Complementary +180°
- 00474B
Rich Black
- 5A302F
≈ Bratwurst
Analogous -30° +30°
- 00474B
Rich Black
- 124839
≈ Sherwood Green
- 144358
≈ Sultan’s Silk
Triadic +120° +240°
- 00474B
Rich Black
- 4C3251
≈ Shadow Purple
- 4E3A12
≈ Avocado Stone
Split-complementary +150° +210°
- 00474B
Rich Black
- 562F41
≈ Blackberry Tart
- 57341E
≈ Wild Boar
Tetradic +90° +180° +270°
- 00474B
Rich Black
- 3E375B
≈ Magic Night
- 5A302F
≈ Bratwurst
- 3F4117
≈ Alligator Gladiator
Contrast & accessibility
Ag
AAAOn white
WCAG 10.48:1 · APCA Lc 94
Ag
FailOn black
WCAG 2.00:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.48:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--rich-black: #00474b;
--rich-black-rgb: 0 71 75;
--rich-black-oklch: oklch(0.362 0.062 201.2);
}
.element {
color: var(--rich-black);
background-color: hsl(183 100% 15%);
border-color: oklch(0.362 0.062 201.2);
}Tailwind CSS v4
@theme {
--color-rich-black: #00474b;
--color-rich-black-50: #e2fbfd;
--color-rich-black-100: #d1eef1;
--color-rich-black-200: #b7dde0;
--color-rich-black-300: #93c1c5;
--color-rich-black-400: #72aaad;
--color-rich-black-500: #519397;
--color-rich-black-600: #457c80;
--color-rich-black-700: #376366;
--color-rich-black-800: #27494a;
--color-rich-black-900: #1a3334;
--color-rich-black-950: #0a1e1f;
}SCSS
$rich-black: #00474b;
$rich-black-rgb: 0, 71, 75;
$rich-black-light: mix(#fff, $rich-black, 20%);
$rich-black-dark: mix(#000, $rich-black, 20%);
.element {
color: $rich-black;
box-shadow: 0 0 0 2px rgba($rich-black, 0.35);
}