Najbliższy nazwany kolor · #3C7524
#3C7524
Najbliższy nazwany kolor: Forest Empress
#3C7524 (rgb(60 117 36), hsl(102 53% 30%), oklch(0.505 0.128 137.8)) jest najbliższy nazwanemu kolorowi Forest Empress. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3C7524
oklch(0.505 0.128 137.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4F823C
- 629052
- 759E67
- 88AB7C
- 9BB991
- AFC7A7
- C2D5BC
- D6E3D2
- EBF1E9
Odcienie ciemniejsze
- 33651E
- 2A5518
- 214612
- 19370C
- 112907
- 0A1C04
- 040F02
- 010500
- 000100
Tony
- 447630
- 4B783B
- 527944
- 597A4E
- 607B56
- 677D5F
- 6D7E67
- 737E70
- 7A7F78
Harmonie kolorów
Komplementarna +180°
- 3C7524
Forest Empress
- 824A94
≈ Voodoo Violet
Analogowa -30° +30°
- 3C7524
Forest Empress
- 6B6900
≈ Worn Olive
- 007759
≈ Victoria Peak
Triada +120° +240°
- 3C7524
Forest Empress
- 3164AD
≈ Adventure of the Seas
- A14048
≈ Eternal Flame
Komplementarna rozszczepiona +150° +210°
- 3C7524
Forest Empress
- 6256A9
≈ Yuè Guāng Lán Moonlight
- 974172
≈ Dynamo
Tetrada +90° +180° +270°
- 3C7524
Forest Empress
- 006F91
≈ Tropic Sea
- 824A94
≈ Voodoo Violet
- 9D4912
≈ Oregon
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.58:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.76:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}