Najbliższy nazwany kolor · #538D79
#538D79
Najbliższy nazwany kolor: Highlands
#538D79 (rgb(83 141 121), hsl(159 26% 44%), oklch(0.597 0.069 169.8)) jest najbliższy nazwanemu kolorowi Highlands. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#538D79
oklch(0.597 0.069 169.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 649886
- 76A392
- 87AE9F
- 97BAAC
- A8C5BA
- BAD0C7
- CBDCD5
- DCE8E3
- EDF3F1
Odcienie ciemniejsze
- 477A68
- 3B6758
- 305548
- 254439
- 1B332B
- 11231D
- 081410
- 020705
- 000101
Tony
- 598C7A
- 5E8B7A
- 63897B
- 68887C
- 6C877D
- 70857D
- 74847E
- 78837F
- 7C817F
Harmonie kolorów
Komplementarna +180°
- 538D79
Highlands
- 9F6F85
≈ Meadow Flower
Analogowa -30° +30°
- 538D79
Highlands
- 6A8A62
≈ Stone Green
- 488C90
≈ Blue Chill
Triada +120° +240°
- 538D79
Highlands
- 7E79A6
≈ Minuet Lilac
- A1745A
≈ Timber Trail
Komplementarna rozszczepiona +150° +210°
- 538D79
Highlands
- 927299
≈ Diffused Orchid
- A56F6E
≈ Warm Wassail
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.85:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.45:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
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);
}