Dichtstbijzijnde benoemde kleur · #3EAE6D
#3EAE6D
Dichtstbijzijnde benoemde kleur: Secret Garden
#3EAE6D (rgb(62 174 109), hsl(145 47% 46%), oklch(0.671 0.14 154.3)) komt het dichtst bij de benoemde kleur Secret Garden. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#3EAE6D
oklch(0.671 0.14 154.3)
Kleurconversies
- HEX
- #3eae6d
- RGB
- rgb(62 174 109)
- HSL
- hsl(145 47% 46%)
- HWB
- hwb(145 24% 32%)
- OKLCH
- oklch(0.671 0.14 154.3)
- OKLab
- oklab(0.671 -0.126 0.061)
- CIE Lab
- lab(63.62 -44.36 23.74)
- LCH
- lch(63.62 50.31 151.8)
- CMYK
- cmyk(64% 0% 37% 32%)
Tinten · Schaduwen · Tonen
Tinten
- 57B67B
- 6DBF8A
- 80C798
- 93CFA6
- A6D7B5
- B8DFC3
- CAE7D2
- DCEFE1
- EDF7F0
Schaduwen
- 35975E
- 2B804F
- 236A41
- 1A5533
- 124126
- 0A2E19
- 041C0D
- 010B04
- 000101
Tonen
- 4AAA6F
- 53A572
- 5BA174
- 629C76
- 699878
- 6E9379
- 738E7B
- 788A7D
- 7C857E
Kleurharmonieën
Complementair +180°
- 3EAE6D
Secret Garden
- C972B8
≈ Gulābī Pink
Analoog -30° +30°
- 3EAE6D
Secret Garden
- 83A336
≈ Greenery
- 00AD9E
≈ Billiard
Triadisch +120° +240°
- 3EAE6D
Secret Garden
- 7C8DEB
≈ Perrywinkle
- DE7259
≈ Rustic Pottery
Gesplitst complementair +150° +210°
- 3EAE6D
Secret Garden
- A97EDB
≈ Lavender Blossom
- DB6D8B
≈ Kiss Me More
Tetradisch +90° +180° +270°
- 3EAE6D
Secret Garden
- 399DE5
≈ Button Blue
- C972B8
≈ Gulābī Pink
- D08022
≈ Yamabukicha Gold
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.48:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--secret-garden: #3eae6d;
--secret-garden-rgb: 62 174 109;
--secret-garden-oklch: oklch(0.671 0.14 154.3);
}
.element {
color: var(--secret-garden);
background-color: hsl(145 47% 46%);
border-color: oklch(0.671 0.14 154.3);
}Tailwind CSS v4
@theme {
--color-secret-garden: #3eae6d;
--color-secret-garden-50: #d6ffe5;
--color-secret-garden-100: #c3f7d5;
--color-secret-garden-200: #a2e7bc;
--color-secret-garden-300: #77cd9a;
--color-secret-garden-400: #50b678;
--color-secret-garden-500: #07a059;
--color-secret-garden-600: #11874c;
--color-secret-garden-700: #0f6c3d;
--color-secret-garden-800: #0e5029;
--color-secret-garden-900: #09371b;
--color-secret-garden-950: #00220c;
}SCSS
$secret-garden: #3eae6d;
$secret-garden-rgb: 62, 174, 109;
$secret-garden-light: mix(#fff, $secret-garden, 20%);
$secret-garden-dark: mix(#000, $secret-garden, 20%);
.element {
color: $secret-garden;
box-shadow: 0 0 0 2px rgba($secret-garden, 0.35);
}