Nearest named color · #538D79
#538D79
Nearest named color: Highlands
#538D79 (rgb(83 141 121), hsl(159 26% 44%), oklch(0.597 0.069 169.8)) is closest to the named color Highlands. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#538D79
oklch(0.597 0.069 169.8)
Color conversions
- HEX
- #538d79
- RGB
- rgb(83 141 121)
- HSL
- hsl(159 26% 44%)
- HWB
- hwb(159 33% 45%)
- OKLCH
- oklch(0.597 0.069 169.8)
- OKLab
- oklab(0.597 -0.068 0.012)
- CIE Lab
- lab(54.22 -23.58 4.44)
- LCH
- lch(54.22 24 169.3)
- CMYK
- cmyk(41% 0% 14% 45%)
Tints · Shades · Tones
Tints
- 649886
- 76A392
- 87AE9F
- 97BAAC
- A8C5BA
- BAD0C7
- CBDCD5
- DCE8E3
- EDF3F1
Shades
- 477A68
- 3B6758
- 305548
- 254439
- 1B332B
- 11231D
- 081410
- 020705
- 000101
Tones
- 598C7A
- 5E8B7A
- 63897B
- 68887C
- 6C877D
- 70857D
- 74847E
- 78837F
- 7C817F
Color harmonies
Complementary +180°
- 538D79
Highlands
- 9F6F85
≈ Meadow Flower
Analogous -30° +30°
- 538D79
Highlands
- 6A8A62
≈ Stone Green
- 488C90
≈ Blue Chill
Triadic +120° +240°
- 538D79
Highlands
- 7E79A6
≈ Minuet Lilac
- A1745A
≈ Timber Trail
Split-complementary +150° +210°
- 538D79
Highlands
- 927299
≈ Diffused Orchid
- A56F6E
≈ Warm Wassail
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.85:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.45:1 · APCA Lc 36
Best text color: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--highlands: #538d79;
--highlands-rgb: 83 141 121;
--highlands-oklch: oklch(0.597 0.069 169.8);
}
.element {
color: var(--highlands);
background-color: hsl(159 26% 44%);
border-color: oklch(0.597 0.069 169.8);
}Tailwind CSS v4
@theme {
--color-highlands: #538d79;
--color-highlands-50: #e2fcf3;
--color-highlands-100: #d2f0e5;
--color-highlands-200: #b8ded1;
--color-highlands-300: #94c3b3;
--color-highlands-400: #75ac98;
--color-highlands-500: #54957f;
--color-highlands-600: #487e6c;
--color-highlands-700: #396556;
--color-highlands-800: #294a3e;
--color-highlands-900: #1c332a;
--color-highlands-950: #0c1f18;
}SCSS
$highlands: #538d79;
$highlands-rgb: 83, 141, 121;
$highlands-light: mix(#fff, $highlands, 20%);
$highlands-dark: mix(#000, $highlands, 20%);
.element {
color: $highlands;
box-shadow: 0 0 0 2px rgba($highlands, 0.35);
}