Colore con nome più vicino · #3B7400
#3B7400
Colore con nome più vicino: Forest Empress
#3B7400 (rgb(59 116 0), hsl(89 100% 23%), oklch(0.5 0.145 134.8)) è più vicino al colore con nome Forest Empress. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3B7400
oklch(0.5 0.145 134.8)
Conversioni di colore
- HEX
- #3b7400
- RGB
- rgb(59 116 0)
- HSL
- hsl(89 100% 23%)
- HWB
- hwb(89 0% 55%)
- OKLCH
- oklch(0.5 0.145 134.8)
- OKLab
- oklab(0.5 -0.102 0.103)
- CIE Lab
- lab(43.5 -32.77 47.15)
- LCH
- lch(43.5 57.42 124.8)
- CMYK
- cmyk(49% 0% 100% 55%)
Tinte · Ombre · Toni
Tinte
- 4E822A
- 618F45
- 749D5C
- 87AB73
- 9AB98A
- AEC7A1
- C2D5B8
- D6E3CF
- EAF1E7
Ombre
- 326400
- 295400
- 214500
- 193700
- 112900
- 091B00
- 040F00
- 010500
- 000100
Toni
- 43761C
- 4A772C
- 517939
- 587A45
- 5F7B50
- 667C5A
- 6D7D64
- 737E6D
- 7A7F77
Armonie di colore
Complementare +180°
- 3B7400
Forest Empress
- 81449B
≈ Purple Pleasures
Analogo -30° +30°
- 3B7400
Forest Empress
- 6D6600
≈ Earthy Khaki Green
- 007654
≈ Victoria Peak
Triadico +120° +240°
- 3B7400
Forest Empress
- 1A63B3
≈ Ephren Blue
- A53648
≈ Scarlet Ribbons
Complementare divisa +150° +210°
- 3B7400
Forest Empress
- 5D53B1
≈ Brandywine Raspberry
- 993A76
≈ Purple Wine
Tetradico +90° +180° +270°
- 3B7400
Forest Empress
- 006E8B
≈ Seaport
- 81449B
≈ Purple Pleasures
- A24100
≈ Powdered Coffee
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.70:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.68:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--forest-empress: #3b7400;
--forest-empress-rgb: 59 116 0;
--forest-empress-oklch: oklch(0.5 0.145 134.8);
}
.element {
color: var(--forest-empress);
background-color: hsl(89 100% 23%);
border-color: oklch(0.5 0.145 134.8);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3b7400;
--color-forest-empress-50: #e2ffd7;
--color-forest-empress-100: #d2f4c4;
--color-forest-empress-200: #b7e3a6;
--color-forest-empress-300: #94c97e;
--color-forest-empress-400: #78b155;
--color-forest-empress-500: #599a27;
--color-forest-empress-600: #4c8224;
--color-forest-empress-700: #3c681d;
--color-forest-empress-800: #2e4c0f;
--color-forest-empress-900: #1f3509;
--color-forest-empress-950: #0e2000;
}SCSS
$forest-empress: #3b7400;
$forest-empress-rgb: 59, 116, 0;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}