Colore con nome più vicino · #3C7524
#3C7524
Colore con nome più vicino: Forest Empress
#3C7524 (rgb(60 117 36), hsl(102 53% 30%), oklch(0.505 0.128 137.8)) è più vicino al colore con nome Forest Empress. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3C7524
oklch(0.505 0.128 137.8)
Conversioni di colore
- HEX
- #3c7524
- RGB
- rgb(60 117 36)
- HSL
- hsl(102 53% 30%)
- HWB
- hwb(102 14% 54%)
- OKLCH
- oklch(0.505 0.128 137.8)
- OKLab
- oklab(0.505 -0.095 0.086)
- CIE Lab
- lab(44.04 -31.36 36.89)
- LCH
- lch(44.04 48.42 130.4)
- CMYK
- cmyk(49% 0% 69% 54%)
Tinte · Ombre · Toni
Tinte
- 4F823C
- 629052
- 759E67
- 88AB7C
- 9BB991
- AFC7A7
- C2D5BC
- D6E3D2
- EBF1E9
Ombre
- 33651E
- 2A5518
- 214612
- 19370C
- 112907
- 0A1C04
- 040F02
- 010500
- 000100
Toni
- 447630
- 4B783B
- 527944
- 597A4E
- 607B56
- 677D5F
- 6D7E67
- 737E70
- 7A7F78
Armonie di colore
Complementare +180°
- 3C7524
Forest Empress
- 824A94
≈ Voodoo Violet
Analogo -30° +30°
- 3C7524
Forest Empress
- 6B6900
≈ Worn Olive
- 007759
≈ Victoria Peak
Triadico +120° +240°
- 3C7524
Forest Empress
- 3164AD
≈ Adventure of the Seas
- A14048
≈ Eternal Flame
Complementare divisa +150° +210°
- 3C7524
Forest Empress
- 6256A9
≈ Yuè Guāng Lán Moonlight
- 974172
≈ Dynamo
Tetradico +90° +180° +270°
- 3C7524
Forest Empress
- 006F91
≈ Tropic Sea
- 824A94
≈ Voodoo Violet
- 9D4912
≈ Oregon
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.58:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.76:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--forest-empress: #3c7524;
--forest-empress-rgb: 60 117 36;
--forest-empress-oklch: oklch(0.505 0.128 137.8);
}
.element {
color: var(--forest-empress);
background-color: hsl(102 53% 30%);
border-color: oklch(0.505 0.128 137.8);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3c7524;
--color-forest-empress-50: #e3ffdc;
--color-forest-empress-100: #d2f3ca;
--color-forest-empress-200: #b8e2ae;
--color-forest-empress-300: #94c889;
--color-forest-empress-400: #78b063;
--color-forest-empress-500: #58993f;
--color-forest-empress-600: #4b8237;
--color-forest-empress-700: #3c682b;
--color-forest-empress-800: #2d4c1c;
--color-forest-empress-900: #1e3512;
--color-forest-empress-950: #0e2004;
}SCSS
$forest-empress: #3c7524;
$forest-empress-rgb: 60, 117, 36;
$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);
}