Najbliższy nazwany kolor · #999D86
#999D86
Najbliższy nazwany kolor: Herbalist
#999D86 (rgb(153 157 134), hsl(70 11% 57%), oklch(0.686 0.033 115.3)) jest najbliższy nazwanemu kolorowi Herbalist. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#999D86
oklch(0.686 0.033 115.3)
Konwersje koloru
- HEX
- #999d86
- RGB
- rgb(153 157 134)
- HSL
- hsl(70 11% 57%)
- HWB
- hwb(70 53% 38%)
- OKLCH
- oklch(0.686 0.033 115.3)
- OKLab
- oklab(0.686 -0.014 0.03)
- CIE Lab
- lab(63.92 -4.61 11.57)
- LCH
- lch(63.92 12.45 111.7)
- CMYK
- cmyk(3% 0% 15% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3A692
- ADB09D
- B7BAA9
- C1C3B5
- CBCDC1
- D5D7CD
- DFE1D9
- EAEBE6
- F4F5F2
Odcienie ciemniejsze
- 848874
- 707362
- 5D5F51
- 4A4C40
- 383A30
- 272821
- 171813
- 080906
- 010101
Tony
- 969A85
- 949785
- 919484
- 8F9184
- 8C8E83
- 8A8C83
- 878982
- 858681
- 828381
Harmonie kolorów
Komplementarna +180°
- 999D86
Herbalist
- 9B97AD
≈ Night Music
Analogowa -30° +30°
- 999D86
Herbalist
- A49983
≈ Churchill Downs
- 8EA08E
≈ Hillside View
Triada +120° +240°
- 999D86
Herbalist
- 879EAC
≈ Relaxing Blue
- AC929B
≈ Persian Pastel
Komplementarna rozszczepiona +150° +210°
- 999D86
Herbalist
- 909AAF
≈ Moon Veil
- A594A6
≈ Garden Flower
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.52:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--herbalist: #999d86;
--herbalist-rgb: 153 157 134;
--herbalist-oklch: oklch(0.686 0.033 115.3);
}
.element {
color: var(--herbalist);
background-color: hsl(70 11% 57%);
border-color: oklch(0.686 0.033 115.3);
}Tailwind CSS v4
@theme {
--color-herbalist: #999d86;
--color-herbalist-50: #f4f7ec;
--color-herbalist-100: #e7e9dd;
--color-herbalist-200: #d3d6c7;
--color-herbalist-300: #b6baa7;
--color-herbalist-400: #9da18b;
--color-herbalist-500: #858970;
--color-herbalist-600: #71745f;
--color-herbalist-700: #5a5d4c;
--color-herbalist-800: #424437;
--color-herbalist-900: #2e2f25;
--color-herbalist-950: #1a1b14;
}SCSS
$herbalist: #999d86;
$herbalist-rgb: 153, 157, 134;
$herbalist-light: mix(#fff, $herbalist, 20%);
$herbalist-dark: mix(#000, $herbalist, 20%);
.element {
color: $herbalist;
box-shadow: 0 0 0 2px rgba($herbalist, 0.35);
}