Nearest named color · #48374A
#48374A
Nearest named color: Call It a Night
#48374A (rgb(72 55 74), hsl(294 15% 25%), oklch(0.363 0.039 322.9)) is closest to the named color Call It a Night. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#48374A
oklch(0.363 0.039 322.9)
Color conversions
- HEX
- #48374a
- RGB
- rgb(72 55 74)
- HSL
- hsl(294 15% 25%)
- HWB
- hwb(294 22% 71%)
- OKLCH
- oklch(0.363 0.039 322.9)
- OKLab
- oklab(0.363 0.031 -0.024)
- CIE Lab
- lab(25.55 10.73 -8.72)
- LCH
- lch(25.55 13.83 320.9)
- CMYK
- cmyk(3% 26% 0% 71%)
Tints · Shades · Tones
Tints
- 58495A
- 695B6B
- 7B6E7C
- 8D818E
- 9F95A0
- B1A9B2
- C4BEC5
- D8D3D8
- EBE9EB
Shades
- 3D2E3F
- 332635
- 291E2A
- 1F1620
- 160F17
- 0D080E
- 060306
- 020102
- 000000
Tones
- 4D3E4F
- 534555
- 584C5A
- 5E535F
- 645A65
- 69626A
- 6F696F
- 757175
- 7A787A
Color harmonies
Complementary +180°
- 48374A
Call It a Night
- 324330
≈ Sensaimidori Green
Analogous -30° +30°
- 48374A
Call It a Night
- 3E3A51
≈ Carbon Blue
- 4E3540
≈ Royal Silk
Triadic +120° +240°
- 48374A
Call It a Night
- 483C26
≈ Typhus Corrosion
- 234447
≈ Emerald Forest
Split-complementary +150° +210°
- 48374A
Call It a Night
- 3E4028
≈ Green 383
- 27453C
≈ Burnham
Tetradic +90° +180° +270°
- 48374A
Call It a Night
- 4F382A
≈ Bramble Bush
- 324330
≈ Sensaimidori Green
- 28424F
≈ Reflecting Pond
Contrast & accessibility
Ag
AAAOn white
WCAG 10.93:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.92:1 · APCA Lc 7
Best text color: #FFFFFF
WCAG 10.93:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--call-it-a-night: #48374a;
--call-it-a-night-rgb: 72 55 74;
--call-it-a-night-oklch: oklch(0.363 0.039 322.9);
}
.element {
color: var(--call-it-a-night);
background-color: hsl(294 15% 25%);
border-color: oklch(0.363 0.039 322.9);
}Tailwind CSS v4
@theme {
--color-call-it-a-night: #48374a;
--color-call-it-a-night-50: #fbf1fb;
--color-call-it-a-night-100: #efe4ef;
--color-call-it-a-night-200: #ddcfde;
--color-call-it-a-night-300: #c2b1c3;
--color-call-it-a-night-400: #aa97ac;
--color-call-it-a-night-500: #937e96;
--color-call-it-a-night-600: #7c6b7e;
--color-call-it-a-night-700: #645565;
--color-call-it-a-night-800: #493e4b;
--color-call-it-a-night-900: #322b34;
--color-call-it-a-night-950: #1e181f;
}SCSS
$call-it-a-night: #48374a;
$call-it-a-night-rgb: 72, 55, 74;
$call-it-a-night-light: mix(#fff, $call-it-a-night, 20%);
$call-it-a-night-dark: mix(#000, $call-it-a-night, 20%);
.element {
color: $call-it-a-night;
box-shadow: 0 0 0 2px rgba($call-it-a-night, 0.35);
}