Dichtstbijzijnde benoemde kleur · #6E763D
#6E763D
Dichtstbijzijnde benoemde kleur: Jungle Look
#6E763D (rgb(110 118 61), hsl(68 32% 35%), oklch(0.545 0.08 115.7)) komt het dichtst bij de benoemde kleur Jungle Look. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6E763D
oklch(0.545 0.08 115.7)
Kleurconversies
- HEX
- #6e763d
- RGB
- rgb(110 118 61)
- HSL
- hsl(68 32% 35%)
- HWB
- hwb(68 24% 54%)
- OKLCH
- oklch(0.545 0.08 115.7)
- OKLab
- oklab(0.545 -0.035 0.072)
- CIE Lab
- lab(47.93 -10.02 30.09)
- LCH
- lch(47.93 31.71 108.4)
- CMYK
- cmyk(7% 0% 48% 54%)
Tinten · Schaduwen · Tonen
Tinten
- 7B8350
- 899063
- 979E76
- A5AB89
- B3B99C
- C2C6AF
- D1D4C3
- E0E2D7
- EFF1EB
Schaduwen
- 5F6634
- 50562B
- 414722
- 33381A
- 262912
- 191C0A
- 0E0F04
- 040501
- 010100
Tonen
- 707745
- 71784C
- 737953
- 757A5A
- 777B60
- 797C67
- 7A7D6D
- 7C7E74
- 7E7F7A
Kleurharmonieën
Complementair +180°
- 6E763D
Jungle Look
- 74669A
≈ Pandora
Analoog -30° +30°
- 6E763D
Jungle Look
- 856D35
≈ Aged Antics
- 517D53
≈ Melbourne
Triadisch +120° +240°
- 6E763D
Jungle Look
- 3D7799
≈ Cry Me a River
- 965C72
≈ Glitz and Glamour
Gesplitst complementair +150° +210°
- 6E763D
Jungle Look
- 5A6FA0
≈ Moonshade
- 88608A
≈ Pomp and Power
Tetradisch +90° +180° +270°
- 6E763D
Jungle Look
- 287D87
≈ Caribe
- 74669A
≈ Pandora
- 9A5D58
≈ Rhode Island Red
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.85:1 · APCA Lc 74
Ag
FailOp zwart
WCAG 4.32:1 · APCA Lc 28
Beste tekstkleur: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--jungle-look: #6e763d;
--jungle-look-rgb: 110 118 61;
--jungle-look-oklch: oklch(0.545 0.08 115.7);
}
.element {
color: var(--jungle-look);
background-color: hsl(68 32% 35%);
border-color: oklch(0.545 0.08 115.7);
}Tailwind CSS v4
@theme {
--color-jungle-look: #6e763d;
--color-jungle-look-50: #f3f9df;
--color-jungle-look-100: #e5ecce;
--color-jungle-look-200: #d1d9b3;
--color-jungle-look-300: #b3bd8f;
--color-jungle-look-400: #9ca56d;
--color-jungle-look-500: #848d4c;
--color-jungle-look-600: #6f7741;
--color-jungle-look-700: #595f34;
--color-jungle-look-800: #424524;
--color-jungle-look-900: #2e3018;
--color-jungle-look-950: #1a1c09;
}SCSS
$jungle-look: #6e763d;
$jungle-look-rgb: 110, 118, 61;
$jungle-look-light: mix(#fff, $jungle-look, 20%);
$jungle-look-dark: mix(#000, $jungle-look, 20%);
.element {
color: $jungle-look;
box-shadow: 0 0 0 2px rgba($jungle-look, 0.35);
}