Benannte Farbe · #1C5022
Białowieża Forest
Białowieża Forest ist #1C5022: rgb(28 80 34), hsl(127 48% 21%), oklch(0.384 0.093 145.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Białowieża Forest color name →
#1C5022
oklch(0.384 0.093 145.6)
Farbumrechnungen
- HEX
- #1c5022
- RGB
- rgb(28 80 34)
- HSL
- hsl(127 48% 21%)
- HWB
- hwb(127 11% 69%)
- OKLCH
- oklch(0.384 0.093 145.6)
- OKLab
- oklab(0.384 -0.077 0.053)
- CIE Lab
- lab(29.68 -26.37 21.49)
- LCH
- lch(29.68 34.02 140.8)
- CMYK
- cmyk(65% 0% 58% 69%)
Tints · Shades · Tones
Tints
- 336036
- 49714B
- 5E8260
- 749375
- 8AA48B
- A1B6A1
- B8C8B8
- CFDACF
- E7ECE7
Shades
- 17441C
- 123916
- 0D2E11
- 08240B
- 051A07
- 021003
- 010701
- 000200
- 000000
Tones
- 28552C
- 335A35
- 3D5F3F
- 476448
- 506851
- 5A6D5A
- 637264
- 6D776D
- 767B76
Farbharmonien
Komplementär +180°
- 1C5022
Białowieża Forest
- 5C305E
≈ Passion Razz
Analog -30° +30°
- 1C5022
Białowieża Forest
- 424800
≈ No Emissions Green
- 005042
≈ Urban Green
Triadisch +120° +240°
- 1C5022
Białowieża Forest
- 2B4175
≈ Deep Ocean Floor
- 6D2C29
≈ Woody Brown
Geteilt komplementär +150° +210°
- 1C5022
Białowieża Forest
- 48376F
≈ Meteorite
- 682B45
≈ Cherry Juice Red
Tetradisch +90° +180° +270°
- 1C5022
Białowieża Forest
- 004969
≈ Adriatic
- 5C305E
≈ Passion Razz
- 683302
≈ Beasty Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.45:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.21:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.45:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--bia-owieza-forest: #1c5022;
--bia-owieza-forest-rgb: 28 80 34;
--bia-owieza-forest-oklch: oklch(0.384 0.093 145.6);
}
.element {
color: var(--bia-owieza-forest);
background-color: hsl(127 48% 21%);
border-color: oklch(0.384 0.093 145.6);
}Tailwind CSS v4
@theme {
--color-bia-owieza-forest: #1c5022;
--color-bia-owieza-forest-50: #e4fde6;
--color-bia-owieza-forest-100: #d4f1d7;
--color-bia-owieza-forest-200: #bbe0be;
--color-bia-owieza-forest-300: #98c59c;
--color-bia-owieza-forest-400: #7bad7d;
--color-bia-owieza-forest-500: #5c975f;
--color-bia-owieza-forest-600: #4e7f51;
--color-bia-owieza-forest-700: #3e6641;
--color-bia-owieza-forest-800: #2e4b2d;
--color-bia-owieza-forest-900: #1f341e;
--color-bia-owieza-forest-950: #0f1f0e;
}SCSS
$bia-owieza-forest: #1c5022;
$bia-owieza-forest-rgb: 28, 80, 34;
$bia-owieza-forest-light: mix(#fff, $bia-owieza-forest, 20%);
$bia-owieza-forest-dark: mix(#000, $bia-owieza-forest, 20%);
.element {
color: $bia-owieza-forest;
box-shadow: 0 0 0 2px rgba($bia-owieza-forest, 0.35);
}