Nearest named color · #295247
#295247
Nearest named color: Hunter
#295247 (rgb(41 82 71), hsl(164 33% 24%), oklch(0.405 0.05 174.2)) is closest to the named color Hunter. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#295247
oklch(0.405 0.05 174.2)
Color conversions
- HEX
- #295247
- RGB
- rgb(41 82 71)
- HSL
- hsl(164 33% 24%)
- HWB
- hwb(164 16% 68%)
- OKLCH
- oklch(0.405 0.05 174.2)
- OKLab
- oklab(0.405 -0.05 0.005)
- CIE Lab
- lab(31.63 -17.41 1.78)
- LCH
- lch(31.63 17.5 174.2)
- CMYK
- cmyk(50% 0% 13% 68%)
Tints · Shades · Tones
Tints
- 3E6257
- 527268
- 66827A
- 7B938C
- 90A59E
- A5B6B1
- BBC8C4
- D1DAD7
- E8ECEB
Shades
- 22463D
- 1C3B32
- 152F28
- 0F251F
- 091A16
- 05110D
- 020806
- 010202
- 000000
Tones
- 33574C
- 3C5B52
- 446057
- 4D645D
- 566963
- 5E6D69
- 67726E
- 6F7774
- 777B7A
Color harmonies
Complementary +180°
- 295247
Hunter
- 5F3E4B
≈ Siliceous Red
Analogous -30° +30°
- 295247
Hunter
- 385038
≈ Angry Gremlin
- 235156
≈ Pāua Shell
Triadic +120° +240°
- 295247
Hunter
- 4A4462
≈ Royal Indigo
- 5F422F
≈ Irish Coffee
Split-complementary +150° +210°
- 295247
Hunter
- 574058
≈ Bella
- 623E3C
≈ Night Bloom
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 8.77:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.39:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 8.77:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--hunter: #295247;
--hunter-rgb: 41 82 71;
--hunter-oklch: oklch(0.405 0.05 174.2);
}
.element {
color: var(--hunter);
background-color: hsl(164 33% 24%);
border-color: oklch(0.405 0.05 174.2);
}Tailwind CSS v4
@theme {
--color-hunter: #295247;
--color-hunter-50: #e7faf5;
--color-hunter-100: #d7eee7;
--color-hunter-200: #bfdcd3;
--color-hunter-300: #9dc0b6;
--color-hunter-400: #80a99c;
--color-hunter-500: #629184;
--color-hunter-600: #547b6f;
--color-hunter-700: #436259;
--color-hunter-800: #304840;
--color-hunter-900: #21322c;
--color-hunter-950: #101e19;
}SCSS
$hunter: #295247;
$hunter-rgb: 41, 82, 71;
$hunter-light: mix(#fff, $hunter, 20%);
$hunter-dark: mix(#000, $hunter, 20%);
.element {
color: $hunter;
box-shadow: 0 0 0 2px rgba($hunter, 0.35);
}