Nearest named color · #99373E
#99373E
Nearest named color: Shin Godzilla
#99373E (rgb(153 55 62), hsl(356 47% 41%), oklch(0.478 0.131 19.4)) is closest to the named color Shin Godzilla. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#99373E
oklch(0.478 0.131 19.4)
Color conversions
- HEX
- #99373e
- RGB
- rgb(153 55 62)
- HSL
- hsl(356 47% 41%)
- HWB
- hwb(356 22% 40%)
- OKLCH
- oklch(0.478 0.131 19.4)
- OKLab
- oklab(0.478 0.124 0.044)
- CIE Lab
- lab(38.05 42.05 18.76)
- LCH
- lch(38.05 46.05 24)
- CMYK
- cmyk(0% 64% 59% 40%)
Tints · Shades · Tones
Tints
- A54C50
- B16062
- BC7374
- C68787
- D19A9A
- DBAEAD
- E4C2C1
- EED6D6
- F7EAEA
Shades
- 842E35
- 70262B
- 5D1E23
- 4A161A
- 380F12
- 27080A
- 170304
- 080101
- 010000
Tones
- 984045
- 97484B
- 955052
- 935858
- 915F5F
- 8E6665
- 8B6D6C
- 887373
- 847A79
Color harmonies
Complementary +180°
- 99373E
Shin Godzilla
- 006B6F
≈ Deep Lake
Analogous -30° +30°
- 99373E
Shin Godzilla
- 903868
≈ Powder Red
- 934200
≈ Korichnewyi Brown
Triadic +120° +240°
- 99373E
Shin Godzilla
- 2F6E1C
≈ Brazilian Green
- 2C5BA6
≈ Miracle at Wrigley
Split-complementary +150° +210°
- 99373E
Shin Godzilla
- 006E54
≈ Teal Dark Green
- 006687
≈ Bowerbird Blue
Tetradic +90° +180° +270°
- 99373E
Shin Godzilla
- 626100
≈ Kirchner Green
- 006B6F
≈ Deep Lake
- 5D4DA1
≈ Ultrapurple Merge
Contrast & accessibility
Ag
AAAOn white
WCAG 7.06:1 · APCA Lc 84
Ag
FailOn black
WCAG 2.97:1 · APCA Lc 18
Best text color: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--shin-godzilla: #99373e;
--shin-godzilla-rgb: 153 55 62;
--shin-godzilla-oklch: oklch(0.478 0.131 19.4);
}
.element {
color: var(--shin-godzilla);
background-color: hsl(356 47% 41%);
border-color: oklch(0.478 0.131 19.4);
}Tailwind CSS v4
@theme {
--color-shin-godzilla: #99373e;
--color-shin-godzilla-50: #ffe7e5;
--color-shin-godzilla-100: #ffd7d5;
--color-shin-godzilla-200: #ffbebc;
--color-shin-godzilla-300: #f39c9a;
--color-shin-godzilla-400: #e17d7f;
--color-shin-godzilla-500: #ce5d62;
--color-shin-godzilla-600: #ae4f53;
--color-shin-godzilla-700: #8c3f42;
--color-shin-godzilla-800: #682d31;
--color-shin-godzilla-900: #491e21;
--color-shin-godzilla-950: #300e11;
}SCSS
$shin-godzilla: #99373e;
$shin-godzilla-rgb: 153, 55, 62;
$shin-godzilla-light: mix(#fff, $shin-godzilla, 20%);
$shin-godzilla-dark: mix(#000, $shin-godzilla, 20%);
.element {
color: $shin-godzilla;
box-shadow: 0 0 0 2px rgba($shin-godzilla, 0.35);
}