Dichtstbijzijnde benoemde kleur · #807E6E
#807E6E
Dichtstbijzijnde benoemde kleur: Kosher Khaki
#807E6E (rgb(128 126 110), hsl(53 8% 47%), oklch(0.59 0.024 101.2)) komt het dichtst bij de benoemde kleur Kosher Khaki. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#807E6E
oklch(0.59 0.024 101.2)
Kleurconversies
- HEX
- #807e6e
- RGB
- rgb(128 126 110)
- HSL
- hsl(53 8% 47%)
- HWB
- hwb(53 43% 50%)
- OKLCH
- oklch(0.59 0.024 101.2)
- OKLab
- oklab(0.59 -0.005 0.023)
- CIE Lab
- lab(52.62 -1.42 9.04)
- LCH
- lch(52.62 9.15 98.9)
- CMYK
- cmyk(0% 2% 14% 50%)
Tinten · Schaduwen · Tonen
Tinten
- 8C8A7C
- 989689
- A4A397
- B1B0A6
- BDBCB4
- CAC9C3
- D7D7D1
- E4E4E0
- F2F1F0
Schaduwen
- 6E6D5F
- 5D5C50
- 4D4C41
- 3D3C33
- 2E2D26
- 1F1F19
- 12110E
- 060504
- 010101
Tonen
- 807E70
- 807E72
- 807F73
- 807F75
- 807F77
- 807F79
- 807F7B
- 80807C
- 80807E
Kleurharmonieën
Complementair +180°
- 807E6E
Kosher Khaki
- 7A7C8C
≈ Seattle Haze
Analoog -30° +30°
- 807E6E
Kosher Khaki
- 877B6E
≈ Ghost Ship
- 788072
≈ Harbour Mist Grey
Triadisch +120° +240°
- 807E6E
Kosher Khaki
- 6E8187
≈ Atlantic Shoreline
- 887881
≈ Blooming Wisteria
Gesplitst complementair +150° +210°
- 807E6E
Kosher Khaki
- 737F8B
≈ Bay Wharf
- 827A88
≈ Grey Ridge
Tetradisch +90° +180° +270°
- 807E6E
Kosher Khaki
- 6E8281
≈ Stormy Sea
- 7A7C8C
≈ Seattle Haze
- 8B787A
≈ Ashen Violet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.09:1 · APCA Lc 68
Ag
AAOp zwart
WCAG 5.12:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--kosher-khaki: #807e6e;
--kosher-khaki-rgb: 128 126 110;
--kosher-khaki-oklch: oklch(0.59 0.024 101.2);
}
.element {
color: var(--kosher-khaki);
background-color: hsl(53 8% 47%);
border-color: oklch(0.59 0.024 101.2);
}Tailwind CSS v4
@theme {
--color-kosher-khaki: #807e6e;
--color-kosher-khaki-50: #f6f6ee;
--color-kosher-khaki-100: #e9e8df;
--color-kosher-khaki-200: #d6d5c9;
--color-kosher-khaki-300: #b9b8aa;
--color-kosher-khaki-400: #a19f8f;
--color-kosher-khaki-500: #898775;
--color-kosher-khaki-600: #747263;
--color-kosher-khaki-700: #5d5b4f;
--color-kosher-khaki-800: #444339;
--color-kosher-khaki-900: #2f2e27;
--color-kosher-khaki-950: #1c1b15;
}SCSS
$kosher-khaki: #807e6e;
$kosher-khaki-rgb: 128, 126, 110;
$kosher-khaki-light: mix(#fff, $kosher-khaki, 20%);
$kosher-khaki-dark: mix(#000, $kosher-khaki, 20%);
.element {
color: $kosher-khaki;
box-shadow: 0 0 0 2px rgba($kosher-khaki, 0.35);
}