Dichtstbijzijnde benoemde kleur · #7B473E
#7B473E
Dichtstbijzijnde benoemde kleur: Chocolate Magma
#7B473E (rgb(123 71 62), hsl(9 33% 36%), oklch(0.457 0.073 30.6)) komt het dichtst bij de benoemde kleur Chocolate Magma. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7B473E
oklch(0.457 0.073 30.6)
Kleurconversies
- HEX
- #7b473e
- RGB
- rgb(123 71 62)
- HSL
- hsl(9 33% 36%)
- HWB
- hwb(9 24% 52%)
- OKLCH
- oklch(0.457 0.073 30.6)
- OKLab
- oklab(0.457 0.063 0.037)
- CIE Lab
- lab(36.4 22.06 15.48)
- LCH
- lch(36.4 26.94 35.1)
- CMYK
- cmyk(0% 42% 50% 52%)
Tinten · Schaduwen · Tonen
Tinten
- 88584F
- 966961
- A37B74
- B08D86
- BD9F9A
- CAB2AD
- D8C5C1
- E5D8D5
- F2EBEA
Schaduwen
- 6A3D35
- 5A322B
- 4A2823
- 3A1F1A
- 2C1612
- 1E0D0A
- 100604
- 050201
- 010000
Tonen
- 7C4D45
- 7D534B
- 7E5852
- 7F5E58
- 7F645F
- 806965
- 806F6C
- 807573
- 807A79
Kleurharmonieën
Complementair +180°
- 7B473E
Chocolate Magma
- 13626E
≈ Blue Lagoon
Analoog -30° +30°
- 7B473E
Chocolate Magma
- 794555
≈ Deep Carmine
- 754D2A
≈ Chocolate Rain
Triadisch +120° +240°
- 7B473E
Chocolate Magma
- 376342
≈ Forest Serenade
- 485580
≈ Mozart
Gesplitst complementair +150° +210°
- 7B473E
Chocolate Magma
- 1A6459
≈ Humboldt Redwoods
- 2D5C7C
≈ Nautical Creatures
Tetradisch +90° +180° +270°
- 7B473E
Chocolate Magma
- 515D2C
≈ Saratoga
- 13626E
≈ Blue Lagoon
- 5E4D7A
≈ Imperial Palace
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.46:1 · APCA Lc 86
Ag
FailOp zwart
WCAG 2.81:1 · APCA Lc 16
Beste tekstkleur: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--chocolate-magma: #7b473e;
--chocolate-magma-rgb: 123 71 62;
--chocolate-magma-oklch: oklch(0.457 0.073 30.6);
}
.element {
color: var(--chocolate-magma);
background-color: hsl(9 33% 36%);
border-color: oklch(0.457 0.073 30.6);
}Tailwind CSS v4
@theme {
--color-chocolate-magma: #7b473e;
--color-chocolate-magma-50: #ffeee8;
--color-chocolate-magma-100: #ffe0d9;
--color-chocolate-magma-200: #f2cac1;
--color-chocolate-magma-300: #daaaa0;
--color-chocolate-magma-400: #c68f84;
--color-chocolate-magma-500: #b27469;
--color-chocolate-magma-600: #966259;
--color-chocolate-magma-700: #784e47;
--color-chocolate-magma-800: #593934;
--color-chocolate-magma-900: #3e2723;
--color-chocolate-magma-950: #271512;
}SCSS
$chocolate-magma: #7b473e;
$chocolate-magma-rgb: 123, 71, 62;
$chocolate-magma-light: mix(#fff, $chocolate-magma, 20%);
$chocolate-magma-dark: mix(#000, $chocolate-magma, 20%);
.element {
color: $chocolate-magma;
box-shadow: 0 0 0 2px rgba($chocolate-magma, 0.35);
}