Nächste benannte Farbe · #3E6619
#3E6619
Nächste benannte Farbe: Forest Empress
#3E6619 (rgb(62 102 25), hsl(91 61% 25%), oklch(0.464 0.115 133.2)) liegt am nächsten an der benannten Farbe Forest Empress. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3E6619
oklch(0.464 0.115 133.2)
Farbumrechnungen
- HEX
- #3e6619
- RGB
- rgb(62 102 25)
- HSL
- hsl(91 61% 25%)
- HWB
- hwb(91 10% 60%)
- OKLCH
- oklch(0.464 0.115 133.2)
- OKLab
- oklab(0.464 -0.078 0.084)
- CIE Lab
- lab(38.99 -24.98 36.45)
- LCH
- lch(38.99 44.19 124.4)
- CMYK
- cmyk(39% 0% 75% 60%)
Tints · Shades · Tones
Tints
- 507533
- 62834A
- 749260
- 87A176
- 9AB18C
- AEC0A2
- C2CFB9
- D6DFD0
- EAEFE7
Shades
- 355814
- 2B4A10
- 233C0B
- 1A2F07
- 122304
- 0A1702
- 040C01
- 010400
- 000000
Tones
- 456927
- 4B6C33
- 526E3E
- 597148
- 5F7451
- 66765B
- 6C7964
- 737B6E
- 797E77
Farbharmonien
Komplementär +180°
- 3E6619
Forest Empress
- 6F4386
≈ Amaranth Purple
Analog -30° +30°
- 3E6619
Forest Empress
- 635B00
≈ Brussels Sprout Green
- 006A49
≈ Device Green
Triadisch +120° +240°
- 3E6619
Forest Empress
- 235A97
≈ Beacon Blue
- 8D3946
≈ Raspberry Fool
Geteilt komplementär +150° +210°
- 3E6619
Forest Empress
- 524E96
≈ Liberty
- 833B6A
≈ Midnight Aubergine
Tetradisch +90° +180° +270°
- 3E6619
Forest Empress
- 00637C
≈ Jamaican Dream
- 6F4386
≈ Amaranth Purple
- 8C3F1C
≈ Chocolate Covered
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.73:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.11:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--forest-empress: #3e6619;
--forest-empress-rgb: 62 102 25;
--forest-empress-oklch: oklch(0.464 0.115 133.2);
}
.element {
color: var(--forest-empress);
background-color: hsl(91 61% 25%);
border-color: oklch(0.464 0.115 133.2);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3e6619;
--color-forest-empress-50: #e7fddd;
--color-forest-empress-100: #d8f1cb;
--color-forest-empress-200: #bfe0af;
--color-forest-empress-300: #9ec58a;
--color-forest-empress-400: #83ad65;
--color-forest-empress-500: #679642;
--color-forest-empress-600: #577f39;
--color-forest-empress-700: #46662d;
--color-forest-empress-800: #344a1d;
--color-forest-empress-900: #233413;
--color-forest-empress-950: #121f05;
}SCSS
$forest-empress: #3e6619;
$forest-empress-rgb: 62, 102, 25;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}