Nächste benannte Farbe · #3B5900
#3B5900
Nächste benannte Farbe: Deep Forestial Escapade
#3B5900 (rgb(59 89 0), hsl(80 100% 17%), oklch(0.424 0.112 128.7)) liegt am nächsten an der benannten Farbe Deep Forestial Escapade. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3B5900
oklch(0.424 0.112 128.7)
Farbumrechnungen
- HEX
- #3b5900
- RGB
- rgb(59 89 0)
- HSL
- hsl(80 100% 17%)
- HWB
- hwb(80 0% 65%)
- OKLCH
- oklch(0.424 0.112 128.7)
- OKLab
- oklab(0.424 -0.07 0.087)
- CIE Lab
- lab(34.26 -21.25 40.25)
- LCH
- lch(34.26 45.52 117.8)
- CMYK
- cmyk(34% 0% 100% 65%)
Tints · Shades · Tones
Tints
- 4C6925
- 5E783E
- 718955
- 84996D
- 98A984
- ABBA9C
- C0CBB4
- D4DCCD
- EAEDE6
Shades
- 324C00
- 294000
- 213400
- 192800
- 111D00
- 091300
- 040900
- 010300
- 000000
Tones
- 425D18
- 486127
- 4F6534
- 56693F
- 5D6D4A
- 647155
- 6B7560
- 72796B
- 797C75
Farbharmonien
Komplementär +180°
- 3B5900
Deep Forestial Escapade
- 603A7C
≈ Tillandsia Purple
Analog -30° +30°
- 3B5900
Deep Forestial Escapade
- 5B4E00
≈ Scorzonera Brown
- 005E3A
≈ Spruce
Triadisch +120° +240°
- 3B5900
Deep Forestial Escapade
- 075188
≈ Lake Baikal
- 7F2F42
≈ Rhododendron
Geteilt komplementär +150° +210°
- 3B5900
Deep Forestial Escapade
- 42458A
≈ Spectrum Blue
- 743262
≈ Ayame Iris
Tetradisch +90° +180° +270°
- 3B5900
Deep Forestial Escapade
- 00586A
≈ Sea Creature
- 603A7C
≈ Tillandsia Purple
- 7F331A
≈ Warmth of Teamwork
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.03:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.61:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.03:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--deep-forestial-escapade: #3b5900;
--deep-forestial-escapade-rgb: 59 89 0;
--deep-forestial-escapade-oklch: oklch(0.424 0.112 128.7);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(80 100% 17%);
border-color: oklch(0.424 0.112 128.7);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #3b5900;
--color-deep-forestial-escapade-50: #eafcdb;
--color-deep-forestial-escapade-100: #dbf0c9;
--color-deep-forestial-escapade-200: #c4dfad;
--color-deep-forestial-escapade-300: #a4c387;
--color-deep-forestial-escapade-400: #8aab62;
--color-deep-forestial-escapade-500: #6f943d;
--color-deep-forestial-escapade-600: #5e7d35;
--color-deep-forestial-escapade-700: #4b642a;
--color-deep-forestial-escapade-800: #38491b;
--color-deep-forestial-escapade-900: #263312;
--color-deep-forestial-escapade-950: #151e04;
}SCSS
$deep-forestial-escapade: #3b5900;
$deep-forestial-escapade-rgb: 59, 89, 0;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}