Nearest named color · #00474C
#00474C
Nearest named color: Rich Black
#00474C (rgb(0 71 76), hsl(184 100% 15%), oklch(0.362 0.062 202.8)) is closest to the named color Rich Black. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00474C
oklch(0.362 0.062 202.8)
Color conversions
- HEX
- #00474c
- RGB
- rgb(0 71 76)
- HSL
- hsl(184 100% 15%)
- HWB
- hwb(184 0% 70%)
- OKLCH
- oklch(0.362 0.062 202.8)
- OKLab
- oklab(0.362 -0.057 -0.024)
- CIE Lab
- lab(26.61 -18.72 -8.95)
- LCH
- lch(26.61 20.75 205.6)
- CMYK
- cmyk(100% 7% 0% 70%)
Tints · Shades · Tones
Tints
- 23585C
- 3D696D
- 547A7E
- 6C8C8F
- 839FA1
- 9BB1B3
- B3C4C6
- CCD8D8
- E5EBEC
Shades
- 003D41
- 003236
- 00282C
- 001F22
- 001618
- 000D0F
- 000606
- 000202
- 000000
Tones
- 174D51
- 265256
- 32585B
- 3E5E60
- 4A6366
- 55696B
- 5F6F70
- 6A7475
- 757A7B
Color harmonies
Complementary +180°
- 00474C
Rich Black
- 5A302E
≈ Bratwurst
Analogous -30° +30°
- 00474C
Rich Black
- 10483A
≈ Sherwood Green
- 154359
≈ Sailor Blue
Triadic +120° +240°
- 00474C
Rich Black
- 4D3251
≈ Shadow Purple
- 4E3A12
≈ Avocado Stone
Split-complementary +150° +210°
- 00474C
Rich Black
- 572F41
≈ Fig
- 57341D
≈ Wild Boar
Tetradic +90° +180° +270°
- 00474C
Rich Black
- 3F375B
≈ Magic Night
- 5A302E
≈ Bratwurst
- 3E4117
≈ Alligator Gladiator
Contrast & accessibility
Ag
AAAOn white
WCAG 10.47:1 · APCA Lc 94
Ag
FailOn black
WCAG 2.00:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.47:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--rich-black: #00474c;
--rich-black-rgb: 0 71 76;
--rich-black-oklch: oklch(0.362 0.062 202.8);
}
.element {
color: var(--rich-black);
background-color: hsl(184 100% 15%);
border-color: oklch(0.362 0.062 202.8);
}Tailwind CSS v4
@theme {
--color-rich-black: #00474c;
--color-rich-black-50: #e2fbfd;
--color-rich-black-100: #d1eef2;
--color-rich-black-200: #b7dce1;
--color-rich-black-300: #93c1c6;
--color-rich-black-400: #72aaae;
--color-rich-black-500: #509298;
--color-rich-black-600: #457c81;
--color-rich-black-700: #376367;
--color-rich-black-800: #27494b;
--color-rich-black-900: #1a3334;
--color-rich-black-950: #0a1e20;
}SCSS
$rich-black: #00474c;
$rich-black-rgb: 0, 71, 76;
$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);
}