Dichtstbijzijnde benoemde kleur · #5D3719
#5D3719
Dichtstbijzijnde benoemde kleur: Chocolate Fantasies
#5D3719 (rgb(93 55 25), hsl(26 58% 23%), oklch(0.377 0.069 56.7)) komt het dichtst bij de benoemde kleur Chocolate Fantasies. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#5D3719
oklch(0.377 0.069 56.7)
Kleurconversies
- HEX
- #5d3719
- RGB
- rgb(93 55 25)
- HSL
- hsl(26 58% 23%)
- HWB
- hwb(26 10% 64%)
- OKLCH
- oklch(0.377 0.069 56.7)
- OKLab
- oklab(0.377 0.038 0.058)
- CIE Lab
- lab(27.39 15.25 25.75)
- LCH
- lch(27.39 29.93 59.4)
- CMYK
- cmyk(0% 41% 73% 64%)
Tinten · Schaduwen · Tonen
Tinten
- 6D492F
- 7C5C44
- 8C6F5A
- 9C8270
- AC9686
- BCAA9E
- CDBFB5
- DDD4CD
- EEE9E6
Schaduwen
- 502E14
- 432610
- 371E0B
- 2A1607
- 1F0F04
- 140802
- 0A0301
- 030100
- 000000
Tonen
- 613E24
- 65462F
- 684D39
- 6C5443
- 705B4D
- 736357
- 766A61
- 7A716B
- 7D7976
Kleurharmonieën
Complementair +180°
- 5D3719
Chocolate Fantasies
- 154762
≈ Swallow Blue
Analoog -30° +30°
- 5D3719
Chocolate Fantasies
- 61322D
≈ Rampant Rhubarb
- 513F0D
≈ Roman Bronze
Triadisch +120° +240°
- 5D3719
Chocolate Fantasies
- 014D41
≈ Aqua Deep
- 453962
≈ Mulberry Purple
Gesplitst complementair +150° +210°
- 5D3719
Chocolate Fantasies
- 004B53
≈ Midnight Green
- 314066
≈ Bay of Many
Tetradisch +90° +180° +270°
- 5D3719
Chocolate Fantasies
- 264B2B
≈ Cal Poly Pomona Green
- 154762
≈ Swallow Blue
- 553455
≈ Purple Prose
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.36:1 · APCA Lc 94
Ag
FailOp zwart
WCAG 2.02:1 · APCA Lc 9
Beste tekstkleur: #FFFFFF
WCAG 10.36:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--chocolate-fantasies: #5d3719;
--chocolate-fantasies-rgb: 93 55 25;
--chocolate-fantasies-oklch: oklch(0.377 0.069 56.7);
}
.element {
color: var(--chocolate-fantasies);
background-color: hsl(26 58% 23%);
border-color: oklch(0.377 0.069 56.7);
}Tailwind CSS v4
@theme {
--color-chocolate-fantasies: #5d3719;
--color-chocolate-fantasies-50: #fff1e2;
--color-chocolate-fantasies-100: #fae3d2;
--color-chocolate-fantasies-200: #ecceb8;
--color-chocolate-fantasies-300: #d3af95;
--color-chocolate-fantasies-400: #bf9476;
--color-chocolate-fantasies-500: #aa7a58;
--color-chocolate-fantasies-600: #8f684b;
--color-chocolate-fantasies-700: #73533c;
--color-chocolate-fantasies-800: #553c2b;
--color-chocolate-fantasies-900: #3c291d;
--color-chocolate-fantasies-950: #25170d;
}SCSS
$chocolate-fantasies: #5d3719;
$chocolate-fantasies-rgb: 93, 55, 25;
$chocolate-fantasies-light: mix(#fff, $chocolate-fantasies, 20%);
$chocolate-fantasies-dark: mix(#000, $chocolate-fantasies, 20%);
.element {
color: $chocolate-fantasies;
box-shadow: 0 0 0 2px rgba($chocolate-fantasies, 0.35);
}