Dichtstbijzijnde benoemde kleur · #934940
#934940
Dichtstbijzijnde benoemde kleur: Chocolate Explosion
#934940 (rgb(147 73 64), hsl(7 39% 41%), oklch(0.496 0.102 28.4)) komt het dichtst bij de benoemde kleur Chocolate Explosion. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#934940
oklch(0.496 0.102 28.4)
Kleurconversies
- HEX
- #934940
- RGB
- rgb(147 73 64)
- HSL
- hsl(7 39% 41%)
- HWB
- hwb(7 25% 42%)
- OKLCH
- oklch(0.496 0.102 28.4)
- OKLab
- oklab(0.496 0.089 0.048)
- CIE Lab
- lab(40.54 31.18 20.45)
- LCH
- lch(40.54 37.29 33.3)
- CMYK
- cmyk(0% 50% 56% 42%)
Tinten · Schaduwen · Tonen
Tinten
- 9F5B52
- AA6C64
- B67E76
- C19088
- CCA29B
- D6B4AF
- E1C6C2
- EBD9D6
- F5ECEA
Schaduwen
- 7F3E36
- 6C342D
- 592A24
- 47201B
- 361713
- 250E0B
- 160605
- 080201
- 010000
Tonen
- 924F47
- 91554D
- 905B53
- 8E605A
- 8C6660
- 8A6B67
- 88716D
- 867673
- 837B7A
Kleurharmonieën
Complementair +180°
- 934940
Chocolate Explosion
- 006F7B
≈ Carnival Night
Analoog -30° +30°
- 934940
Chocolate Explosion
- 8F4761
≈ Violet Quartz
- 8C521D
≈ Precious Copper
Triadisch +120° +240°
- 934940
Chocolate Explosion
- 337140
≈ Mount Hyjal
- 4A5E9C
≈ Bio Blue
Gesplitst complementair +150° +210°
- 934940
Chocolate Explosion
- 007262
≈ Falcon Turquoise
- 176995
≈ Hydra
Tetradisch +90° +180° +270°
- 934940
Chocolate Explosion
- 5D691C
≈ Mud Green
- 006F7B
≈ Carnival Night
- 6A5494
≈ Rollick
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.42:1 · APCA Lc 82
Ag
FailOp zwart
WCAG 3.26:1 · APCA Lc 20
Beste tekstkleur: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Codefragmenten
CSS
:root {
--chocolate-explosion: #934940;
--chocolate-explosion-rgb: 147 73 64;
--chocolate-explosion-oklch: oklch(0.496 0.102 28.4);
}
.element {
color: var(--chocolate-explosion);
background-color: hsl(7 39% 41%);
border-color: oklch(0.496 0.102 28.4);
}Tailwind CSS v4
@theme {
--color-chocolate-explosion: #934940;
--color-chocolate-explosion-50: #ffebe4;
--color-chocolate-explosion-100: #ffdcd4;
--color-chocolate-explosion-200: #fdc5bb;
--color-chocolate-explosion-300: #e7a498;
--color-chocolate-explosion-400: #d4877c;
--color-chocolate-explosion-500: #c06a5f;
--color-chocolate-explosion-600: #a25a51;
--color-chocolate-explosion-700: #824840;
--color-chocolate-explosion-800: #61342f;
--color-chocolate-explosion-900: #442320;
--color-chocolate-explosion-950: #2c1210;
}SCSS
$chocolate-explosion: #934940;
$chocolate-explosion-rgb: 147, 73, 64;
$chocolate-explosion-light: mix(#fff, $chocolate-explosion, 20%);
$chocolate-explosion-dark: mix(#000, $chocolate-explosion, 20%);
.element {
color: $chocolate-explosion;
box-shadow: 0 0 0 2px rgba($chocolate-explosion, 0.35);
}