Dichtstbijzijnde benoemde kleur · #538D79
#538D79
Dichtstbijzijnde benoemde kleur: Highlands
#538D79 (rgb(83 141 121), hsl(159 26% 44%), oklch(0.597 0.069 169.8)) komt het dichtst bij de benoemde kleur Highlands. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#538D79
oklch(0.597 0.069 169.8)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 649886
- 76A392
- 87AE9F
- 97BAAC
- A8C5BA
- BAD0C7
- CBDCD5
- DCE8E3
- EDF3F1
Schaduwen
- 477A68
- 3B6758
- 305548
- 254439
- 1B332B
- 11231D
- 081410
- 020705
- 000101
Tonen
- 598C7A
- 5E8B7A
- 63897B
- 68887C
- 6C877D
- 70857D
- 74847E
- 78837F
- 7C817F
Kleurharmonieën
Complementair +180°
- 538D79
Highlands
- 9F6F85
≈ Meadow Flower
Analoog -30° +30°
- 538D79
Highlands
- 6A8A62
≈ Stone Green
- 488C90
≈ Blue Chill
Triadisch +120° +240°
- 538D79
Highlands
- 7E79A6
≈ Minuet Lilac
- A1745A
≈ Timber Trail
Gesplitst complementair +150° +210°
- 538D79
Highlands
- 927299
≈ Diffused Orchid
- A56F6E
≈ Warm Wassail
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.85:1 · APCA Lc 66
Ag
AAOp zwart
WCAG 5.45:1 · APCA Lc 36
Beste tekstkleur: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Codefragmenten
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);
}