Dichtstbijzijnde benoemde kleur · #864F55
#864F55
Dichtstbijzijnde benoemde kleur: Red Elegance
#864F55 (rgb(134 79 85), hsl(353 26% 42%), oklch(0.493 0.074 13.1)) komt het dichtst bij de benoemde kleur Red Elegance. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#864F55
oklch(0.493 0.074 13.1)
Kleurconversies
- HEX
- #864f55
- RGB
- rgb(134 79 85)
- HSL
- hsl(353 26% 42%)
- HWB
- hwb(353 31% 47%)
- OKLCH
- oklch(0.493 0.074 13.1)
- OKLab
- oklab(0.493 0.072 0.017)
- CIE Lab
- lab(40.34 24.28 6.91)
- LCH
- lch(40.34 25.24 15.9)
- CMYK
- cmyk(0% 41% 37% 47%)
Tinten · Schaduwen · Tonen
Tinten
- 925F64
- 9F7074
- AB8185
- B79295
- C3A4A6
- CFB5B7
- DBC7C9
- E7DADB
- F3ECED
Schaduwen
- 744449
- 62383D
- 512E31
- 402326
- 30191C
- 211011
- 130708
- 060202
- 010000
Tonen
- 865459
- 86595D
- 865E62
- 856366
- 85686A
- 846D6F
- 837273
- 827677
- 817B7C
Kleurharmonieën
Complementair +180°
- 864F55
Red Elegance
- 1F6E6D
≈ Peacock Plume
Analoog -30° +30°
- 864F55
Red Elegance
- 7F506C
≈ Brocade Violet
- 85533E
≈ Hipsterfication
Triadisch +120° +240°
- 864F55
Red Elegance
- 506A3E
≈ Alfalfa Extract
- 42638B
≈ Winter Palace
Gesplitst complementair +150° +210°
- 864F55
Red Elegance
- 346E55
≈ Toad King
- 286A80
≈ Allports
Tetradisch +90° +180° +270°
- 864F55
Red Elegance
- 69632D
≈ Saguaro
- 1F6E6D
≈ Peacock Plume
- 5B5C8A
≈ Midnight Sea
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.43:1 · APCA Lc 82
Ag
FailOp zwart
WCAG 3.26:1 · APCA Lc 20
Beste tekstkleur: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 82
Contrast pairs
Codefragmenten
CSS
:root {
--red-elegance: #864f55;
--red-elegance-rgb: 134 79 85;
--red-elegance-oklch: oklch(0.493 0.074 13.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(353 26% 42%);
border-color: oklch(0.493 0.074 13.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #864f55;
--color-red-elegance-50: #ffedee;
--color-red-elegance-100: #ffdee0;
--color-red-elegance-200: #f2c8ca;
--color-red-elegance-300: #dba8ab;
--color-red-elegance-400: #c68d92;
--color-red-elegance-500: #b27178;
--color-red-elegance-600: #966066;
--color-red-elegance-700: #784d51;
--color-red-elegance-800: #59383c;
--color-red-elegance-900: #3e2629;
--color-red-elegance-950: #271417;
}SCSS
$red-elegance: #864f55;
$red-elegance-rgb: 134, 79, 85;
$red-elegance-light: mix(#fff, $red-elegance, 20%);
$red-elegance-dark: mix(#000, $red-elegance, 20%);
.element {
color: $red-elegance;
box-shadow: 0 0 0 2px rgba($red-elegance, 0.35);
}