Nächste benannte Farbe · #376728
#376728
Nächste benannte Farbe: Greenhouse
#376728 (rgb(55 103 40), hsl(106 44% 28%), oklch(0.464 0.107 138.9)) liegt am nächsten an der benannten Farbe Greenhouse. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#376728
oklch(0.464 0.107 138.9)
Farbumrechnungen
- HEX
- #376728
- RGB
- rgb(55 103 40)
- HSL
- hsl(106 44% 28%)
- HWB
- hwb(106 16% 60%)
- OKLCH
- oklch(0.464 0.107 138.9)
- OKLab
- oklab(0.464 -0.081 0.071)
- CIE Lab
- lab(39.07 -26.91 29.55)
- LCH
- lch(39.07 39.97 132.3)
- CMYK
- cmyk(47% 0% 61% 60%)
Tints · Shades · Tones
Tints
- 4A753D
- 5D8452
- 709367
- 84A27B
- 98B191
- ACC0A6
- C0D0BC
- D5DFD2
- EAEFE8
Shades
- 2E5921
- 264B1B
- 1E3D15
- 16300F
- 0F2309
- 081704
- 030C02
- 010401
- 000000
Tones
- 3F6A32
- 476C3C
- 4E6F45
- 55724D
- 5D7456
- 64775F
- 6B7967
- 727B6F
- 797E78
Farbharmonien
Komplementär +180°
- 376728
Greenhouse
- 72437F
≈ Plum Jam
Analog -30° +30°
- 376728
Greenhouse
- 5E5D00
≈ Kirchner Green
- 006950
≈ Peacock Green
Triadisch +120° +240°
- 376728
Greenhouse
- 325994
≈ B’dazzled Blue
- 8B3D41
≈ Cranberry Tart
Geteilt komplementär +150° +210°
- 376728
Greenhouse
- 584D91
≈ Purple Corallite
- 843D63
≈ Midnight Aubergine
Tetradisch +90° +180° +270°
- 376728
Greenhouse
- 006282
≈ Harem Silk
- 72437F
≈ Plum Jam
- 884419
≈ Sis Kebab
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.70:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.13:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--greenhouse: #376728;
--greenhouse-rgb: 55 103 40;
--greenhouse-oklch: oklch(0.464 0.107 138.9);
}
.element {
color: var(--greenhouse);
background-color: hsl(106 44% 28%);
border-color: oklch(0.464 0.107 138.9);
}Tailwind CSS v4
@theme {
--color-greenhouse: #376728;
--color-greenhouse-50: #e5fde1;
--color-greenhouse-100: #d5f1d0;
--color-greenhouse-200: #bce0b5;
--color-greenhouse-300: #99c692;
--color-greenhouse-400: #7dae70;
--color-greenhouse-500: #60974f;
--color-greenhouse-600: #518044;
--color-greenhouse-700: #416636;
--color-greenhouse-800: #304b24;
--color-greenhouse-900: #213418;
--color-greenhouse-950: #101f09;
}SCSS
$greenhouse: #376728;
$greenhouse-rgb: 55, 103, 40;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}