Colore con nome · #3E8027
Bilbao
Bilbao è #3E8027: rgb(62 128 39), hsl(104 53% 33%), oklch(0.537 0.14 138.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bilbao color name →
#3E8027
oklch(0.537 0.14 138.7)
Conversioni di colore
- HEX
- #3e8027
- RGB
- rgb(62 128 39)
- HSL
- hsl(104 53% 33%)
- HWB
- hwb(104 15% 50%)
- OKLCH
- oklch(0.537 0.14 138.7)
- OKLab
- oklab(0.537 -0.105 0.092)
- CIE Lab
- lab(47.84 -34.87 39.59)
- LCH
- lch(47.84 52.76 131.4)
- CMYK
- cmyk(52% 0% 70% 50%)
Tinte · Ombre · Toni
Tinte
- 528D3F
- 659955
- 78A66A
- 8BB27F
- 9EBF94
- B1CCA9
- C4D8BE
- D7E5D3
- EBF2E9
Ombre
- 356E20
- 2B5D1A
- 234D14
- 1A3D0E
- 122E08
- 0A1F04
- 041202
- 010601
- 000100
Toni
- 468033
- 4E813E
- 558147
- 5B8150
- 628159
- 688161
- 6E8169
- 748171
- 7A8078
Armonie di colore
Complementare +180°
- 3E8027
Bilbao
- 8F4FA1
≈ Vicious Violet
Analogo -30° +30°
- 3E8027
Bilbao
- 747200
≈ Bronze Yellow
- 008163
≈ Generic Viridian
Triadico +120° +240°
- 3E8027
Bilbao
- 376CBE
≈ Matt Blue
- B0454D
≈ Intrigue Red
Complementare divisa +150° +210°
- 3E8027
Bilbao
- 6D5DB9
≈ Blue Marguerite
- A6467B
≈ Pink Ballad
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.85:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.32:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--bilbao: #3e8027;
--bilbao-rgb: 62 128 39;
--bilbao-oklch: oklch(0.537 0.14 138.7);
}
.element {
color: var(--bilbao);
background-color: hsl(104 53% 33%);
border-color: oklch(0.537 0.14 138.7);
}Tailwind CSS v4
@theme {
--color-bilbao: #3e8027;
--color-bilbao-50: #e0ffda;
--color-bilbao-100: #cff4c8;
--color-bilbao-200: #b4e4ab;
--color-bilbao-300: #8fc985;
--color-bilbao-400: #72b25e;
--color-bilbao-500: #519b38;
--color-bilbao-600: #458331;
--color-bilbao-700: #376927;
--color-bilbao-800: #294d18;
--color-bilbao-900: #1c360f;
--color-bilbao-950: #0c2003;
}SCSS
$bilbao: #3e8027;
$bilbao-rgb: 62, 128, 39;
$bilbao-light: mix(#fff, $bilbao, 20%);
$bilbao-dark: mix(#000, $bilbao, 20%);
.element {
color: $bilbao;
box-shadow: 0 0 0 2px rgba($bilbao, 0.35);
}