Nächste benannte Farbe · #458F54
#458F54
Nächste benannte Farbe: Underclover
#458F54 (rgb(69 143 84), hsl(132 35% 42%), oklch(0.587 0.116 148.5)) liegt am nächsten an der benannten Farbe Underclover. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#458F54
oklch(0.587 0.116 148.5)
Farbumrechnungen
- HEX
- #458f54
- RGB
- rgb(69 143 84)
- HSL
- hsl(132 35% 42%)
- HWB
- hwb(132 27% 44%)
- OKLCH
- oklch(0.587 0.116 148.5)
- OKLab
- oklab(0.587 -0.099 0.061)
- CIE Lab
- lab(53.55 -34.25 24.07)
- LCH
- lch(53.55 41.86 144.9)
- CMYK
- cmyk(52% 0% 41% 44%)
Tints · Shades · Tones
Tints
- 599A64
- 6CA575
- 7EB086
- 91BB96
- A3C7A7
- B5D2B8
- C7DDCA
- DAE8DB
- ECF4ED
Shades
- 3B7C48
- 31693C
- 275731
- 1E4526
- 15341B
- 0C2411
- 051508
- 020702
- 000100
Tones
- 4D8E59
- 548C5E
- 5B8B62
- 618A67
- 67886B
- 6C876F
- 718574
- 768378
- 7B827C
Farbharmonien
Komplementär +180°
- 458F54
Underclover
- A1629F
≈ Royal Pretender
Analog -30° +30°
- 458F54
Underclover
- 76852A
≈ Trendy Green
- 00917D
≈ Miami Jade
Triadisch +120° +240°
- 458F54
Underclover
- 5F78C1
≈ Flood
- B75F54
≈ Electric Brown
Geteilt komplementär +150° +210°
- 458F54
Underclover
- 866CB8
≈ Lavish Spending
- B25D7B
≈ Kir Royale Rose
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.95:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.31:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--underclover: #458f54;
--underclover-rgb: 69 143 84;
--underclover-oklch: oklch(0.587 0.116 148.5);
}
.element {
color: var(--underclover);
background-color: hsl(132 35% 42%);
border-color: oklch(0.587 0.116 148.5);
}Tailwind CSS v4
@theme {
--color-underclover: #458f54;
--color-underclover-50: #deffe4;
--color-underclover-100: #cdf4d4;
--color-underclover-200: #b1e3bb;
--color-underclover-300: #8bc998;
--color-underclover-400: #6bb177;
--color-underclover-500: #479b59;
--color-underclover-600: #3d834c;
--color-underclover-700: #31693c;
--color-underclover-800: #244d29;
--color-underclover-900: #18351c;
--color-underclover-950: #09210c;
}SCSS
$underclover: #458f54;
$underclover-rgb: 69, 143, 84;
$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);
}