Dichtstbijzijnde benoemde kleur · #55AE4F
#55AE4F
Dichtstbijzijnde benoemde kleur: Jungle Jewels
#55AE4F (rgb(85 174 79), hsl(116 38% 50%), oklch(0.674 0.158 142.4)) komt het dichtst bij de benoemde kleur Jungle Jewels. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#55AE4F
oklch(0.674 0.158 142.4)
Kleurconversies
- HEX
- #55ae4f
- RGB
- rgb(85 174 79)
- HSL
- hsl(116 38% 50%)
- HWB
- hwb(116 31% 32%)
- OKLCH
- oklch(0.674 0.158 142.4)
- OKLab
- oklab(0.674 -0.125 0.096)
- CIE Lab
- lab(64.03 -42.32 39.61)
- LCH
- lch(64.03 57.97 136.9)
- CMYK
- cmyk(51% 0% 55% 32%)
Tinten · Schaduwen · Tonen
Tinten
- 68B662
- 7ABF74
- 8BC785
- 9CCF97
- ACD7A8
- BDDFB9
- CDE7CB
- DEEFDC
- EEF7ED
Schaduwen
- 499744
- 3D8038
- 316A2E
- 265523
- 1C4119
- 112E10
- 081C07
- 020B02
- 000100
Tonen
- 5BAA56
- 61A55C
- 66A161
- 6B9C67
- 6F986B
- 739370
- 778E74
- 7A8A78
- 7D857C
Kleurharmonieën
Complementair +180°
- 55AE4F
Jungle Jewels
- C372CF
≈ Purple Kush
Analoog -30° +30°
- 55AE4F
Jungle Jewels
- 999F00
≈ Forest Lichen
- 00B08E
≈ Victorian Greenhouse
Triadisch +120° +240°
- 55AE4F
Jungle Jewels
- 6093F7
≈ Polar Glow
- E76968
≈ Porcelain Rose
Gesplitst complementair +150° +210°
- 55AE4F
Jungle Jewels
- 9B81EE
≈ Forgotten Purple
- DD68A0
≈ Cosmetologist’s Pink
Tetradisch +90° +180° +270°
- 55AE4F
Jungle Jewels
- 00A3DD
≈ Vanadyl Blue
- C372CF
≈ Purple Kush
- E07625
≈ Cherokee Dignity
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.78:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.55:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.55:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--jungle-jewels: #55ae4f;
--jungle-jewels-rgb: 85 174 79;
--jungle-jewels-oklch: oklch(0.674 0.158 142.4);
}
.element {
color: var(--jungle-jewels);
background-color: hsl(116 38% 50%);
border-color: oklch(0.674 0.158 142.4);
}Tailwind CSS v4
@theme {
--color-jungle-jewels: #55ae4f;
--color-jungle-jewels-50: #daffd9;
--color-jungle-jewels-100: #c8f6c7;
--color-jungle-jewels-200: #abe6aa;
--color-jungle-jewels-300: #83cd83;
--color-jungle-jewels-400: #62b55c;
--color-jungle-jewels-500: #389f33;
--color-jungle-jewels-600: #32862d;
--color-jungle-jewels-700: #276c24;
--color-jungle-jewels-800: #1f4f15;
--color-jungle-jewels-900: #14370d;
--color-jungle-jewels-950: #052202;
}SCSS
$jungle-jewels: #55ae4f;
$jungle-jewels-rgb: 85, 174, 79;
$jungle-jewels-light: mix(#fff, $jungle-jewels, 20%);
$jungle-jewels-dark: mix(#000, $jungle-jewels, 20%);
.element {
color: $jungle-jewels;
box-shadow: 0 0 0 2px rgba($jungle-jewels, 0.35);
}