Najbliższy nazwany kolor · #3C7A05
#3C7A05
Najbliższy nazwany kolor: Forest Empress
#3C7A05 (rgb(60 122 5), hsl(92 92% 25%), oklch(0.517 0.151 135.6)) jest najbliższy nazwanemu kolorowi Forest Empress. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3C7A05
oklch(0.517 0.151 135.6)
Konwersje koloru
- HEX
- #3c7a05
- RGB
- rgb(60 122 5)
- HSL
- hsl(92 92% 25%)
- HWB
- hwb(92 2% 52%)
- OKLCH
- oklch(0.517 0.151 135.6)
- OKLab
- oklab(0.517 -0.108 0.105)
- CIE Lab
- lab(45.59 -34.64 47.73)
- LCH
- lch(45.59 58.97 126)
- CMYK
- cmyk(51% 0% 96% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 50872D
- 639447
- 76A25F
- 89AF76
- 9CBC8C
- AFC9A3
- C3D7B9
- D7E4D0
- EBF2E8
Odcienie ciemniejsze
- 336904
- 2A5903
- 214902
- 193A01
- 112B01
- 0A1D00
- 041000
- 010500
- 000100
Tony
- 447B20
- 4B7C2F
- 537D3C
- 5A7E47
- 607E51
- 677F5B
- 6D7F65
- 74806E
- 7A8077
Harmonie kolorów
Komplementarna +180°
- 3C7A05
Forest Empress
- 8848A2
≈ Murasaki Purple
Analogowa -30° +30°
- 3C7A05
Forest Empress
- 716B00
≈ Worn Olive
- 007B59
≈ Ivy League
Triada +120° +240°
- 3C7A05
Forest Empress
- 2067BC
≈ Blue Streak
- AD394A
≈ Roses Are Red
Komplementarna rozszczepiona +150° +210°
- 3C7A05
Forest Empress
- 6356B9
≈ Circumorbital Ring
- A13C7B
≈ Maximum Red Purple
Tetrada +90° +180° +270°
- 3C7A05
Forest Empress
- 007393
≈ Enchanted Blue
- 8848A2
≈ Murasaki Purple
- A94500
≈ Pepperoni
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.27:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.97:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--forest-empress: #3c7a05;
--forest-empress-rgb: 60 122 5;
--forest-empress-oklch: oklch(0.517 0.151 135.6);
}
.element {
color: var(--forest-empress);
background-color: hsl(92 92% 25%);
border-color: oklch(0.517 0.151 135.6);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3c7a05;
--color-forest-empress-50: #e1ffd6;
--color-forest-empress-100: #d0f4c3;
--color-forest-empress-200: #b5e4a5;
--color-forest-empress-300: #91ca7c;
--color-forest-empress-400: #75b253;
--color-forest-empress-500: #559b24;
--color-forest-empress-600: #488321;
--color-forest-empress-700: #3a691a;
--color-forest-empress-800: #2c4d0d;
--color-forest-empress-900: #1d3508;
--color-forest-empress-950: #0d2000;
}SCSS
$forest-empress: #3c7a05;
$forest-empress-rgb: 60, 122, 5;
$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);
}