Benannte Farbe · #54682B
Bimi Green
Bimi Green ist #54682B: rgb(84 104 43), hsl(80 41% 29%), oklch(0.486 0.09 124.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Bimi Green color name →
#54682B
oklch(0.486 0.09 124.8)
Farbumrechnungen
- HEX
- #54682b
- RGB
- rgb(84 104 43)
- HSL
- hsl(80 41% 29%)
- HWB
- hwb(80 17% 59%)
- OKLCH
- oklch(0.486 0.09 124.8)
- OKLab
- oklab(0.486 -0.051 0.074)
- CIE Lab
- lab(41.28 -15.64 31.12)
- LCH
- lch(41.28 34.83 116.7)
- CMYK
- cmyk(19% 0% 59% 59%)
Tints · Shades · Tones
Tints
- 637640
- 738555
- 849369
- 94A27E
- A5B193
- B7C0A8
- C8D0BD
- DADFD3
- ECEFE9
Shades
- 485924
- 3C4B1D
- 313E16
- 263010
- 1B240A
- 111805
- 080C02
- 020401
- 000000
Tones
- 586B35
- 5D6D3E
- 617047
- 657250
- 6A7458
- 6E7760
- 727968
- 777B70
- 7B7E78
Farbharmonien
Komplementär +180°
- 54682B
Bimi Green
- 6B5288
≈ Zimidar
Analog -30° +30°
- 54682B
Bimi Green
- 705E17
≈ Hot Mustard
- 2F6E48
≈ Chopped Chive
Triadisch +120° +240°
- 54682B
Bimi Green
- 2D648F
≈ Starry Night
- 894859
≈ Dull Magenta
Geteilt komplementär +150° +210°
- 54682B
Bimi Green
- 515B92
≈ Fresh Take
- 7E4B74
≈ Madder Magenta
Tetradisch +90° +180° +270°
- 54682B
Bimi Green
- 006B7D
≈ Shinbashi Azure
- 6B5288
≈ Zimidar
- 8B4B3C
≈ Spiced Red
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.19:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.39:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--bimi-green: #54682b;
--bimi-green-rgb: 84 104 43;
--bimi-green-oklch: oklch(0.486 0.09 124.8);
}
.element {
color: var(--bimi-green);
background-color: hsl(80 41% 29%);
border-color: oklch(0.486 0.09 124.8);
}Tailwind CSS v4
@theme {
--color-bimi-green: #54682b;
--color-bimi-green-50: #eefadf;
--color-bimi-green-100: #e0eece;
--color-bimi-green-200: #cadcb3;
--color-bimi-green-300: #abc08f;
--color-bimi-green-400: #92a86d;
--color-bimi-green-500: #79904c;
--color-bimi-green-600: #667a41;
--color-bimi-green-700: #526233;
--color-bimi-green-800: #3d4723;
--color-bimi-green-900: #2a3117;
--color-bimi-green-950: #171d08;
}SCSS
$bimi-green: #54682b;
$bimi-green-rgb: 84, 104, 43;
$bimi-green-light: mix(#fff, $bimi-green, 20%);
$bimi-green-dark: mix(#000, $bimi-green, 20%);
.element {
color: $bimi-green;
box-shadow: 0 0 0 2px rgba($bimi-green, 0.35);
}