Dichtstbijzijnde benoemde kleur · #834B4F
#834B4F
Dichtstbijzijnde benoemde kleur: Red Elegance
#834B4F (rgb(131 75 79), hsl(356 27% 40%), oklch(0.48 0.076 15.7)) 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.
#834B4F
oklch(0.48 0.076 15.7)
Kleurconversies
- HEX
- #834b4f
- RGB
- rgb(131 75 79)
- HSL
- hsl(356 27% 40%)
- HWB
- hwb(356 29% 49%)
- OKLCH
- oklch(0.48 0.076 15.7)
- OKLab
- oklab(0.48 0.073 0.021)
- CIE Lab
- lab(38.84 24.67 8.46)
- LCH
- lch(38.84 26.08 18.9)
- CMYK
- cmyk(0% 43% 40% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 905C5F
- 9C6D6F
- A97E80
- B59091
- C2A2A3
- CEB4B5
- DAC6C7
- E7D9D9
- F3ECEC
Schaduwen
- 714044
- 603538
- 4F2B2E
- 3F2123
- 2F1719
- 200E10
- 120607
- 060202
- 010000
Tonen
- 835154
- 845659
- 845B5D
- 846162
- 836667
- 836B6C
- 837071
- 827676
- 817B7B
Kleurharmonieën
Complementair +180°
- 834B4F
Red Elegance
- 146B6B
≈ Mosaic Tile
Analoog -30° +30°
- 834B4F
Red Elegance
- 7C4B67
≈ Brocade Violet
- 814F38
≈ Curry Brown
Triadisch +120° +240°
- 834B4F
Red Elegance
- 4A673B
≈ Garden Green
- 405F88
≈ Functional Blue
Gesplitst complementair +150° +210°
- 834B4F
Red Elegance
- 2C6B53
≈ Sparkling Emerald
- 23667E
≈ Georgian Bay
Tetradisch +90° +180° +270°
- 834B4F
Red Elegance
- 636029
≈ Saguaro
- 146B6B
≈ Mosaic Tile
- 5A5787
≈ Mountain Iris
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.80:1 · APCA Lc 83
Ag
FailOp zwart
WCAG 3.08:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--red-elegance: #834b4f;
--red-elegance-rgb: 131 75 79;
--red-elegance-oklch: oklch(0.48 0.076 15.7);
}
.element {
color: var(--red-elegance);
background-color: hsl(356 27% 40%);
border-color: oklch(0.48 0.076 15.7);
}Tailwind CSS v4
@theme {
--color-red-elegance: #834b4f;
--color-red-elegance-50: #ffeded;
--color-red-elegance-100: #ffdede;
--color-red-elegance-200: #f3c8c8;
--color-red-elegance-300: #dca8a9;
--color-red-elegance-400: #c78c8f;
--color-red-elegance-500: #b37175;
--color-red-elegance-600: #976063;
--color-red-elegance-700: #794d4f;
--color-red-elegance-800: #5a373a;
--color-red-elegance-900: #3f2628;
--color-red-elegance-950: #281416;
}SCSS
$red-elegance: #834b4f;
$red-elegance-rgb: 131, 75, 79;
$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);
}