Nazwany kolor · #4C793C
Nereus
Nereus to #4C793C: rgb(76 121 60), hsl(104 34% 35%), oklch(0.528 0.103 138). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Nereus color name →
#4C793C
oklch(0.528 0.103 138)
Konwersje koloru
- HEX
- #4c793c
- RGB
- rgb(76 121 60)
- HSL
- hsl(104 34% 35%)
- HWB
- hwb(104 24% 53%)
- OKLCH
- oklch(0.528 0.103 138)
- OKLab
- oklab(0.528 -0.076 0.069)
- CIE Lab
- lab(46.43 -25.42 28.13)
- LCH
- lch(46.43 37.91 132.1)
- CMYK
- cmyk(37% 0% 50% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D864F
- 6E9362
- 7FA075
- 91AD88
- A3BB9B
- B5C8AE
- C7D6C2
- D9E3D6
- ECF1EA
Odcienie ciemniejsze
- 416833
- 36582A
- 2C4821
- 223919
- 182B11
- 0F1D0A
- 061004
- 020501
- 000100
Tony
- 527A44
- 577B4B
- 5D7C52
- 627C59
- 677D60
- 6C7E66
- 717E6D
- 767F73
- 7B807A
Harmonie kolorów
Komplementarna +180°
- 4C793C
Nereus
- 845792
≈ Purple Tanzanite
Analogowa -30° +30°
- 4C793C
Nereus
- 716F1A
≈ Brown Green
- 107E60
≈ Verdant Green
Triada +120° +240°
- 4C793C
Nereus
- 446CA6
≈ Waterline Blue
- 9E5054
≈ Sweet Cherry
Komplementarna rozszczepiona +150° +210°
- 4C793C
Nereus
- 6961A3
≈ Blue Iris
- 965176
≈ Sea Fan Fuchsia
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.11:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.10:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.11:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--nereus: #4c793c;
--nereus-rgb: 76 121 60;
--nereus-oklch: oklch(0.528 0.103 138);
}
.element {
color: var(--nereus);
background-color: hsl(104 34% 35%);
border-color: oklch(0.528 0.103 138);
}Tailwind CSS v4
@theme {
--color-nereus: #4c793c;
--color-nereus-50: #e6fde1;
--color-nereus-100: #d6f1d1;
--color-nereus-200: #bee0b6;
--color-nereus-300: #9cc593;
--color-nereus-400: #80ad71;
--color-nereus-500: #639651;
--color-nereus-600: #547f45;
--color-nereus-700: #436637;
--color-nereus-800: #324a25;
--color-nereus-900: #223419;
--color-nereus-950: #111f0a;
}SCSS
$nereus: #4c793c;
$nereus-rgb: 76, 121, 60;
$nereus-light: mix(#fff, $nereus, 20%);
$nereus-dark: mix(#000, $nereus, 20%);
.element {
color: $nereus;
box-shadow: 0 0 0 2px rgba($nereus, 0.35);
}