Dichtstbijzijnde benoemde kleur · #438D58
#438D58
Dichtstbijzijnde benoemde kleur: Underclover
#438D58 (rgb(67 141 88), hsl(137 36% 41%), oklch(0.582 0.11 150.9)) komt het dichtst bij de benoemde kleur Underclover. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#438D58
oklch(0.582 0.11 150.9)
Kleurconversies
- HEX
- #438d58
- RGB
- rgb(67 141 88)
- HSL
- hsl(137 36% 41%)
- HWB
- hwb(137 26% 45%)
- OKLCH
- oklch(0.582 0.11 150.9)
- OKLab
- oklab(0.582 -0.096 0.054)
- CIE Lab
- lab(52.88 -33.46 21.01)
- LCH
- lch(52.88 39.51 147.9)
- CMYK
- cmyk(52% 0% 38% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 579868
- 6AA378
- 7DAF88
- 90BA98
- A2C5A9
- B4D1BA
- C7DCCB
- D9E8DC
- ECF3ED
Schaduwen
- 397A4B
- 2F673F
- 265533
- 1D4428
- 14331D
- 0C2312
- 051409
- 010703
- 000100
Tonen
- 4B8C5C
- 538B61
- 598A65
- 608869
- 66876D
- 6B8671
- 718475
- 768378
- 7B827C
Kleurharmonieën
Complementair +180°
- 438D58
Underclover
- A06199
≈ Heath Spotted Orchid
Analoog -30° +30°
- 438D58
Underclover
- 718432
≈ Khaki Green
- 008F7E
≈ Philips Green
Triadisch +120° +240°
- 438D58
Underclover
- 6376BC
≈ Flood
- B36052
≈ Chimayo Red
Gesplitst complementair +150° +210°
- 438D58
Underclover
- 866AB2
≈ Lavish Spending
- AF5D77
≈ Indian Pink
Tetradisch +90° +180° +270°
- 438D58
Underclover
- 3282B6
≈ Curious Blue
- A06199
≈ Heath Spotted Orchid
- A96A2E
≈ Golden Oak
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.04:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.18:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--underclover: #438d58;
--underclover-rgb: 67 141 88;
--underclover-oklch: oklch(0.582 0.11 150.9);
}
.element {
color: var(--underclover);
background-color: hsl(137 36% 41%);
border-color: oklch(0.582 0.11 150.9);
}Tailwind CSS v4
@theme {
--color-underclover: #438d58;
--color-underclover-50: #deffe6;
--color-underclover-100: #cdf3d7;
--color-underclover-200: #b1e3be;
--color-underclover-300: #8bc89d;
--color-underclover-400: #6bb17d;
--color-underclover-500: #479a5f;
--color-underclover-600: #3d8351;
--color-underclover-700: #316940;
--color-underclover-800: #244d2d;
--color-underclover-900: #18351e;
--color-underclover-950: #08200e;
}SCSS
$underclover: #438d58;
$underclover-rgb: 67, 141, 88;
$underclover-light: mix(#fff, $underclover, 20%);
$underclover-dark: mix(#000, $underclover, 20%);
.element {
color: $underclover;
box-shadow: 0 0 0 2px rgba($underclover, 0.35);
}