Dichtstbijzijnde benoemde kleur · #6C7A52
#6C7A52
Dichtstbijzijnde benoemde kleur: Dill
#6C7A52 (rgb(108 122 82), hsl(81 20% 40%), oklch(0.557 0.061 124)) komt het dichtst bij de benoemde kleur Dill. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6C7A52
oklch(0.557 0.061 124)
Kleurconversies
- HEX
- #6c7a52
- RGB
- rgb(108 122 82)
- HSL
- hsl(81 20% 40%)
- HWB
- hwb(81 32% 52%)
- OKLCH
- oklch(0.557 0.061 124)
- OKLab
- oklab(0.557 -0.034 0.051)
- CIE Lab
- lab(49.25 -10.92 20.15)
- LCH
- lch(49.25 22.92 118.4)
- CMYK
- cmyk(11% 0% 33% 52%)
Tinten · Schaduwen · Tonen
Tinten
- 7A8762
- 879373
- 96A083
- A4AD94
- B3BBA6
- C1C8B7
- D1D6C9
- E0E3DB
- EFF1ED
Schaduwen
- 5D6946
- 4E593B
- 40492F
- 323A25
- 252B1A
- 191D11
- 0D1008
- 040502
- 000100
Tonen
- 6E7B57
- 707B5C
- 727C60
- 747D65
- 767D6A
- 787E6E
- 7A7E73
- 7C7F77
- 7E7F7C
Kleurharmonieën
Complementair +180°
- 6C7A52
Dill
- 7B6B91
≈ Nymph’s Delight
Analoog -30° +30°
- 6C7A52
Dill
- 7F7349
≈ Olive Shade
- 577E63
≈ Korean Mint
Triadisch +120° +240°
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.62:1 · APCA Lc 72
Ag
AAOp zwart
WCAG 4.54:1 · APCA Lc 30
Beste tekstkleur: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--dill: #6c7a52;
--dill-rgb: 108 122 82;
--dill-oklch: oklch(0.557 0.061 124);
}
.element {
color: var(--dill);
background-color: hsl(81 20% 40%);
border-color: oklch(0.557 0.061 124);
}Tailwind CSS v4
@theme {
--color-dill: #6c7a52;
--color-dill-50: #f1f9e6;
--color-dill-100: #e3ecd6;
--color-dill-200: #ced9be;
--color-dill-300: #afbe9c;
--color-dill-400: #97a57d;
--color-dill-500: #7e8d60;
--color-dill-600: #6a7852;
--color-dill-700: #556041;
--color-dill-800: #3f462e;
--color-dill-900: #2b301f;
--color-dill-950: #181d0f;
}SCSS
$dill: #6c7a52;
$dill-rgb: 108, 122, 82;
$dill-light: mix(#fff, $dill, 20%);
$dill-dark: mix(#000, $dill, 20%);
.element {
color: $dill;
box-shadow: 0 0 0 2px rgba($dill, 0.35);
}