Colore con nome · #54682B
Bimi Green
Bimi Green è #54682B: rgb(84 104 43), hsl(80 41% 29%), oklch(0.486 0.09 124.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bimi Green color name →
#54682B
oklch(0.486 0.09 124.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 637640
- 738555
- 849369
- 94A27E
- A5B193
- B7C0A8
- C8D0BD
- DADFD3
- ECEFE9
Ombre
- 485924
- 3C4B1D
- 313E16
- 263010
- 1B240A
- 111805
- 080C02
- 020401
- 000000
Toni
- 586B35
- 5D6D3E
- 617047
- 657250
- 6A7458
- 6E7760
- 727968
- 777B70
- 7B7E78
Armonie di colore
Complementare +180°
- 54682B
Bimi Green
- 6B5288
≈ Zimidar
Analogo -30° +30°
- 54682B
Bimi Green
- 705E17
≈ Hot Mustard
- 2F6E48
≈ Chopped Chive
Triadico +120° +240°
- 54682B
Bimi Green
- 2D648F
≈ Starry Night
- 894859
≈ Dull Magenta
Complementare divisa +150° +210°
- 54682B
Bimi Green
- 515B92
≈ Fresh Take
- 7E4B74
≈ Madder Magenta
Tetradico +90° +180° +270°
- 54682B
Bimi Green
- 006B7D
≈ Shinbashi Azure
- 6B5288
≈ Zimidar
- 8B4B3C
≈ Spiced Red
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.19:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.39:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
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);
}