Dichtstbijzijnde benoemde kleur · #617335
#617335
Dichtstbijzijnde benoemde kleur: Muddy Green
#617335 (rgb(97 115 53), hsl(77 37% 33%), oklch(0.526 0.09 122.9)) komt het dichtst bij de benoemde kleur Muddy Green. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#617335
oklch(0.526 0.09 122.9)
Kleurconversies
- HEX
- #617335
- RGB
- rgb(97 115 53)
- HSL
- hsl(77 37% 33%)
- HWB
- hwb(77 21% 55%)
- OKLCH
- oklch(0.526 0.09 122.9)
- OKLab
- oklab(0.526 -0.049 0.075)
- CIE Lab
- lab(45.86 -14.78 31.53)
- LCH
- lch(45.86 34.82 115.1)
- CMYK
- cmyk(16% 0% 54% 55%)
Tinten · Schaduwen · Tonen
Tinten
- 6F8049
- 7E8E5D
- 8D9B70
- 9DA984
- ACB798
- BCC5AC
- CDD3C0
- DDE2D5
- EEF0EA
Schaduwen
- 53632D
- 465425
- 39451D
- 2D3615
- 21280E
- 151B08
- 0B0F03
- 030501
- 000100
Tonen
- 64743E
- 677646
- 6A774E
- 6D7955
- 707A5D
- 737B64
- 767D6B
- 7A7E72
- 7D7F79
Kleurharmonieën
Complementair +180°
- 617335
Muddy Green
- 755D95
≈ Ghostly Purple
Analoog -30° +30°
- 617335
Muddy Green
- 7D6925
≈ Brazen Brass
- 3E7A51
≈ Rokushō Green
Triadisch +120° +240°
- 617335
Muddy Green
- 37709A
≈ Windsurfing
- 955366
≈ Vin Rouge
Gesplitst complementair +150° +210°
- 617335
Muddy Green
- 59679F
≈ Electrify
- 895681
≈ Dynamic Magenta
Tetradisch +90° +180° +270°
- 617335
Muddy Green
- 0B7889
≈ Biscay Bay
- 755D95
≈ Ghostly Purple
- 975648
≈ Russet Leather
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.23:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--muddy-green: #617335;
--muddy-green-rgb: 97 115 53;
--muddy-green-oklch: oklch(0.526 0.09 122.9);
}
.element {
color: var(--muddy-green);
background-color: hsl(77 37% 33%);
border-color: oklch(0.526 0.09 122.9);
}Tailwind CSS v4
@theme {
--color-muddy-green: #617335;
--color-muddy-green-50: #effade;
--color-muddy-green-100: #e1eecd;
--color-muddy-green-200: #cbdcb2;
--color-muddy-green-300: #adc08e;
--color-muddy-green-400: #94a76b;
--color-muddy-green-500: #7b904a;
--color-muddy-green-600: #687a3f;
--color-muddy-green-700: #536132;
--color-muddy-green-800: #3e4722;
--color-muddy-green-900: #2a3117;
--color-muddy-green-950: #181d08;
}SCSS
$muddy-green: #617335;
$muddy-green-rgb: 97, 115, 53;
$muddy-green-light: mix(#fff, $muddy-green, 20%);
$muddy-green-dark: mix(#000, $muddy-green, 20%);
.element {
color: $muddy-green;
box-shadow: 0 0 0 2px rgba($muddy-green, 0.35);
}