Nächste benannte Farbe · #678000
#678000
Nächste benannte Farbe: Topiary Green
#678000 (rgb(103 128 0), hsl(72 100% 25%), oklch(0.56 0.136 122.3)) liegt am nächsten an der benannten Farbe Topiary Green. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#678000
oklch(0.56 0.136 122.3)
Farbumrechnungen
- HEX
- #678000
- RGB
- rgb(103 128 0)
- HSL
- hsl(72 100% 25%)
- HWB
- hwb(72 0% 50%)
- OKLCH
- oklch(0.56 0.136 122.3)
- OKLab
- oklab(0.56 -0.073 0.115)
- CIE Lab
- lab(50.09 -20.65 53.44)
- LCH
- lch(50.09 57.29 111.1)
- CMYK
- cmyk(20% 0% 100% 50%)
Tints · Shades · Tones
Tints
- 758C2F
- 839949
- 92A661
- A0B278
- AFBF8E
- BFCCA5
- CFD8BB
- DEE5D1
- EFF2E8
Shades
- 596E00
- 4B5D00
- 3D4D00
- 303D00
- 232E00
- 171F00
- 0C1200
- 040600
- 000100
Tones
- 698020
- 6C8130
- 6E813D
- 718149
- 738153
- 76815D
- 788166
- 7B816F
- 7D8078
Farbharmonien
Komplementär +180°
- 678000
Topiary Green
- 845EB6
≈ Lusty Lavender
Analog -30° +30°
- 678000
Topiary Green
- 8C7100
≈ Vermin Brown
- 1C8A4B
≈ Turf Green
Triadisch +120° +240°
- 678000
Topiary Green
- 007BBB
≈ Deep Cerulean
- B34D6E
≈ Lickedy Lick
Geteilt komplementär +150° +210°
- 678000
Topiary Green
- 5A6CC3
≈ Bluish Purple Anemone
- A15397
≈ Hyacinth Violet
Tetradisch +90° +180° +270°
- 678000
Topiary Green
- 008396
≈ Cruising
- 845EB6
≈ Lusty Lavender
- B6513E
≈ Burnt Brick
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--topiary-green: #678000;
--topiary-green-rgb: 103 128 0;
--topiary-green-oklch: oklch(0.56 0.136 122.3);
}
.element {
color: var(--topiary-green);
background-color: hsl(72 100% 25%);
border-color: oklch(0.56 0.136 122.3);
}Tailwind CSS v4
@theme {
--color-topiary-green: #678000;
--color-topiary-green-50: #edfdd2;
--color-topiary-green-100: #def0bf;
--color-topiary-green-200: #c8df9e;
--color-topiary-green-300: #a8c474;
--color-topiary-green-400: #91ab48;
--color-topiary-green-500: #779304;
--color-topiary-green-600: #657d0d;
--color-topiary-green-700: #50640c;
--color-topiary-green-800: #3c4903;
--color-topiary-green-900: #293203;
--color-topiary-green-950: #171e00;
}SCSS
$topiary-green: #678000;
$topiary-green-rgb: 103, 128, 0;
$topiary-green-light: mix(#fff, $topiary-green, 20%);
$topiary-green-dark: mix(#000, $topiary-green, 20%);
.element {
color: $topiary-green;
box-shadow: 0 0 0 2px rgba($topiary-green, 0.35);
}