Named color · #727A7C
Rhinoceros
Rhinoceros is #727A7C: rgb(114 122 124), hsl(192 4% 47%), oklch(0.573 0.01 214.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Rhinoceros color name →
#727A7C
oklch(0.573 0.01 214.4)
Color conversions
- HEX
- #727a7c
- RGB
- rgb(114 122 124)
- HSL
- hsl(192 4% 47%)
- HWB
- hwb(192 45% 51%)
- OKLCH
- oklch(0.573 0.01 214.4)
- OKLab
- oklab(0.573 -0.008 -0.006)
- CIE Lab
- lab(50.59 -2.78 -2.18)
- LCH
- lch(50.59 3.54 218.2)
- CMYK
- cmyk(8% 2% 0% 51%)
Tints · Shades · Tones
Tints
- 7F8688
- 8D9395
- 9AA0A1
- A8ADAE
- B6BABB
- C4C8C9
- D3D5D6
- E1E3E3
- F0F1F1
Shades
- 62696B
- 53595A
- 44494A
- 363A3B
- 282B2C
- 1B1D1E
- 0E1011
- 040505
- 010101
Tones
- 737B7C
- 757B7D
- 767C7D
- 787C7E
- 797D7E
- 7A7E7E
- 7C7E7F
- 7D7F7F
- 7F7F80
Color harmonies
Complementary +180°
- 727A7C
Rhinoceros
- 7E7674
≈ Mink Suede
Analogous -30° +30°
- 727A7C
Rhinoceros
- 727A79
≈ Rhinoceros
- 74797E
≈ Liquid Mercury
Triadic +120° +240°
- 727A7C
Rhinoceros
- 7C767B
≈ Monsoon
- 7A7872
≈ Coal Miner
Split-complementary +150° +210°
- 727A7C
Rhinoceros
- 7E7677
≈ Soft Fur
- 7D7772
≈ Tadpole
Tetradic +90° +180° +270°
- 727A7C
Rhinoceros
- 7A777D
≈ Special Grey
- 7E7674
≈ Mink Suede
- 777973
≈ Coal Miner
Contrast & accessibility
Ag
FailOn white
WCAG 4.38:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.79:1 · APCA Lc 31
Best text color: #000000
WCAG 4.79:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--rhinoceros: #727a7c;
--rhinoceros-rgb: 114 122 124;
--rhinoceros-oklch: oklch(0.573 0.01 214.4);
}
.element {
color: var(--rhinoceros);
background-color: hsl(192 4% 47%);
border-color: oklch(0.573 0.01 214.4);
}Tailwind CSS v4
@theme {
--color-rhinoceros: #727a7c;
--color-rhinoceros-50: #f2f6f7;
--color-rhinoceros-100: #e4e9ea;
--color-rhinoceros-200: #d0d5d7;
--color-rhinoceros-300: #b2b9bb;
--color-rhinoceros-400: #98a0a2;
--color-rhinoceros-500: #7f888a;
--color-rhinoceros-600: #6c7375;
--color-rhinoceros-700: #565c5e;
--color-rhinoceros-800: #3f4344;
--color-rhinoceros-900: #2b2e2f;
--color-rhinoceros-950: #181b1c;
}SCSS
$rhinoceros: #727a7c;
$rhinoceros-rgb: 114, 122, 124;
$rhinoceros-light: mix(#fff, $rhinoceros, 20%);
$rhinoceros-dark: mix(#000, $rhinoceros, 20%);
.element {
color: $rhinoceros;
box-shadow: 0 0 0 2px rgba($rhinoceros, 0.35);
}