Nächste benannte Farbe · #355100
#355100
Nächste benannte Farbe: Deep Forestial Escapade
#355100 (rgb(53 81 0), hsl(81 100% 16%), oklch(0.397 0.105 128.8)) 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.
#355100
oklch(0.397 0.105 128.8)
Farbumrechnungen
- HEX
- #355100
- RGB
- rgb(53 81 0)
- HSL
- hsl(81 100% 16%)
- HWB
- hwb(81 0% 68%)
- OKLCH
- oklch(0.397 0.105 128.8)
- OKLab
- oklab(0.397 -0.066 0.082)
- CIE Lab
- lab(31.09 -20.06 37.7)
- LCH
- lch(31.09 42.71 118)
- CMYK
- cmyk(35% 0% 100% 68%)
Tints · Shades · Tones
Tints
- 476123
- 59723B
- 6C8253
- 80946B
- 94A582
- A9B69A
- BEC8B3
- D3DACC
- E9EDE5
Shades
- 2D4500
- 253A00
- 1D2F00
- 152400
- 0E1A00
- 081000
- 030700
- 010200
- 000000
Tones
- 3C5616
- 435B25
- 4B5F32
- 52643D
- 5A6949
- 616E54
- 69725F
- 70776A
- 787B75
Farbharmonien
Komplementär +180°
- 355100
Deep Forestial Escapade
- 573471
≈ Purple Protégé
Analog -30° +30°
- 355100
Deep Forestial Escapade
- 524700
≈ Sugarloaf Brown
- 005534
≈ Permanent Green
Triadisch +120° +240°
- 355100
Deep Forestial Escapade
- 06497C
≈ Kolibri Blue
- 742A3B
≈ Anthracite Red
Geteilt komplementär +150° +210°
- 355100
Deep Forestial Escapade
- 3C3E7E
≈ Jacksons Purple
- 6A2D5A
≈ Velvet Mauve
Tetradisch +90° +180° +270°
- 355100
Deep Forestial Escapade
- 005061
≈ Sandalwood Grey Blue
- 573471
≈ Purple Protégé
- 742E16
≈ Corrosion Red
Kontrast & Barrierefreiheit
Auf Weiß
WCAG 9.01:1 · APCA Lc 91
Auf Schwarz
WCAG 2.32:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.01:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--deep-forestial-escapade: #355100;
--deep-forestial-escapade-rgb: 53 81 0;
--deep-forestial-escapade-oklch: oklch(0.397 0.105 128.8);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(81 100% 16%);
border-color: oklch(0.397 0.105 128.8);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #355100;
--color-deep-forestial-escapade-50: #ebfcdd;
--color-deep-forestial-escapade-100: #dcf0cb;
--color-deep-forestial-escapade-200: #c5deaf;
--color-deep-forestial-escapade-300: #a5c38a;
--color-deep-forestial-escapade-400: #8bab66;
--color-deep-forestial-escapade-500: #709343;
--color-deep-forestial-escapade-600: #5f7d3a;
--color-deep-forestial-escapade-700: #4c642e;
--color-deep-forestial-escapade-800: #39491e;
--color-deep-forestial-escapade-900: #273314;
--color-deep-forestial-escapade-950: #151e06;
}SCSS
$deep-forestial-escapade: #355100;
$deep-forestial-escapade-rgb: 53, 81, 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);
}