Dichtstbijzijnde benoemde kleur · #926141
#926141
Dichtstbijzijnde benoemde kleur: Cocoa
#926141 (rgb(146 97 65), hsl(24 38% 41%), oklch(0.538 0.079 53.4)) komt het dichtst bij de benoemde kleur Cocoa. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#926141
oklch(0.538 0.079 53.4)
Kleurconversies
- HEX
- #926141
- RGB
- rgb(146 97 65)
- HSL
- hsl(24 38% 41%)
- HWB
- hwb(24 25% 43%)
- OKLCH
- oklch(0.538 0.079 53.4)
- OKLab
- oklab(0.538 0.047 0.063)
- CIE Lab
- lab(46.02 17.86 26.66)
- LCH
- lch(46.02 32.09 56.2)
- CMYK
- cmyk(0% 34% 55% 43%)
Tinten · Schaduwen · Tonen
Tinten
- 9D7053
- A87F65
- B38E78
- BE9E8A
- C9AE9D
- D4BEB0
- DFCEC3
- E9DED7
- F4EEEB
Schaduwen
- 7E5337
- 6B462E
- 583925
- 462D1C
- 352113
- 25150B
- 160B05
- 080301
- 010000
Tonen
- 916448
- 8F684F
- 8E6B55
- 8C6E5B
- 8A7162
- 887468
- 86776E
- 847A74
- 827D7A
Kleurharmonieën
Complementair +180°
- 926141
Cocoa
- 3A7695
≈ Cottage by the Sea
Analoog -30° +30°
- 926141
Cocoa
- 975B58
≈ Rhode Island Red
- 846A35
≈ By Gum
Triadisch +120° +240°
- 926141
Cocoa
- 347D6A
≈ Trans Tasman
- 706598
≈ Pandora
Gesplitst complementair +150° +210°
- 926141
Cocoa
- 277B83
≈ Caribe
- 566E9C
≈ Moonshade
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.23:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--cocoa: #926141;
--cocoa-rgb: 146 97 65;
--cocoa-oklch: oklch(0.538 0.079 53.4);
}
.element {
color: var(--cocoa);
background-color: hsl(24 38% 41%);
border-color: oklch(0.538 0.079 53.4);
}Tailwind CSS v4
@theme {
--color-cocoa: #926141;
--color-cocoa-50: #fff0e0;
--color-cocoa-100: #fee2cf;
--color-cocoa-200: #f0ccb5;
--color-cocoa-300: #d8ad91;
--color-cocoa-400: #c49272;
--color-cocoa-500: #af7753;
--color-cocoa-600: #946547;
--color-cocoa-700: #775138;
--color-cocoa-800: #583a29;
--color-cocoa-900: #3e281b;
--color-cocoa-950: #27160c;
}SCSS
$cocoa: #926141;
$cocoa-rgb: 146, 97, 65;
$cocoa-light: mix(#fff, $cocoa, 20%);
$cocoa-dark: mix(#000, $cocoa, 20%);
.element {
color: $cocoa;
box-shadow: 0 0 0 2px rgba($cocoa, 0.35);
}