Dichtstbijzijnde benoemde kleur · #71572E
#71572E
Dichtstbijzijnde benoemde kleur: Olivary
#71572E (rgb(113 87 46), hsl(37 42% 31%), oklch(0.474 0.067 77.4)) komt het dichtst bij de benoemde kleur Olivary. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#71572E
oklch(0.474 0.067 77.4)
Kleurconversies
- HEX
- #71572e
- RGB
- rgb(113 87 46)
- HSL
- hsl(37 42% 31%)
- HWB
- hwb(37 18% 56%)
- OKLCH
- oklch(0.474 0.067 77.4)
- OKLab
- oklab(0.474 0.015 0.065)
- CIE Lab
- lab(39.02 7.24 27.84)
- LCH
- lch(39.02 28.76 75.4)
- CMYK
- cmyk(0% 23% 59% 56%)
Tinten · Schaduwen · Tonen
Tinten
- 7E6742
- 8C7656
- 9A876A
- A8977E
- B6A893
- C4B9A8
- D3CABD
- E1DBD3
- F0EDE9
Schaduwen
- 614B27
- 523E1F
- 433318
- 352712
- 271C0B
- 1A1206
- 0E0802
- 040301
- 010000
Tonen
- 735B37
- 745F40
- 766348
- 776850
- 796C58
- 7A7060
- 7C7468
- 7D7870
- 7F7C78
Kleurharmonieën
Complementair +180°
- 71572E
Olivary
- 445D82
≈ Optimum Blue
Analoog -30° +30°
- 71572E
Olivary
- 7B503A
≈ Leather Satchel
- 605F30
≈ Basque Green
Triadisch +120° +240°
- 71572E
Olivary
- 236769
≈ Dusky Alpine Blue
- 6C5075
≈ Exotic Purple
Gesplitst complementair +150° +210°
- 71572E
Olivary
- 2D6379
≈ Denim Blue
- 5A5680
≈ Aurora Splendour
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.76:1 · APCA Lc 83
Ag
FailOp zwart
WCAG 3.10:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--olivary: #71572e;
--olivary-rgb: 113 87 46;
--olivary-oklch: oklch(0.474 0.067 77.4);
}
.element {
color: var(--olivary);
background-color: hsl(37 42% 31%);
border-color: oklch(0.474 0.067 77.4);
}Tailwind CSS v4
@theme {
--color-olivary: #71572e;
--color-olivary-50: #fff3e0;
--color-olivary-100: #f4e6cf;
--color-olivary-200: #e4d2b5;
--color-olivary-300: #cab491;
--color-olivary-400: #b59a72;
--color-olivary-500: #9f8152;
--color-olivary-600: #866d46;
--color-olivary-700: #6c5738;
--color-olivary-800: #503f27;
--color-olivary-900: #382b1a;
--color-olivary-950: #22190b;
}SCSS
$olivary: #71572e;
$olivary-rgb: 113, 87, 46;
$olivary-light: mix(#fff, $olivary, 20%);
$olivary-dark: mix(#000, $olivary, 20%);
.element {
color: $olivary;
box-shadow: 0 0 0 2px rgba($olivary, 0.35);
}