Nazwany kolor · #74C365
Mantis
Mantis to #74C365: rgb(116 195 101), hsl(110 44% 58%), oklch(0.744 0.151 140.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Mantis color name →
#74C365
oklch(0.744 0.151 140.5)
Konwersje koloru
- HEX
- #74c365
- RGB
- rgb(116 195 101)
- HSL
- hsl(110 44% 58%)
- HWB
- hwb(110 40% 24%)
- OKLCH
- oklch(0.744 0.151 140.5)
- OKLab
- oklab(0.744 -0.116 0.096)
- CIE Lab
- lab(72.09 -39.05 39)
- LCH
- lch(72.09 55.2 135)
- CMYK
- cmyk(41% 0% 48% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 83C975
- 91D085
- 9FD695
- ADDCA4
- BBE2B3
- C8E8C2
- D6EED1
- E4F4E1
- F1F9F0
Odcienie ciemniejsze
- 64A957
- 549049
- 45783C
- 37602F
- 294A22
- 1B3417
- 0F200C
- 050E03
- 010200
Tony
- 76BC69
- 78B66D
- 7AAF70
- 7CA873
- 7DA276
- 7E9B78
- 7F947A
- 7F8E7C
- 80877E
Harmonie kolorów
Komplementarna +180°
- 74C365
Mantis
- D68AE6
≈ Bright Lilac
Analogowa -30° +30°
- 74C365
Mantis
- B2B42A
≈ Citronelle
- 00C99F
≈ Caribbean Green
Triada +120° +240°
- 74C365
Mantis
- 7BACFF
≈ Fennel Flower
- FD8183
≈ Light Red
Komplementarna rozszczepiona +150° +210°
- 74C365
Mantis
- AC9BFF
≈ Cobalite
- F281B9
≈ Persian Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.15:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.73:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--mantis: #74c365;
--mantis-rgb: 116 195 101;
--mantis-oklch: oklch(0.744 0.151 140.5);
}
.element {
color: var(--mantis);
background-color: hsl(110 44% 58%);
border-color: oklch(0.744 0.151 140.5);
}Tailwind CSS v4
@theme {
--color-mantis: #74c365;
--color-mantis-50: #ddffd9;
--color-mantis-100: #ccf5c7;
--color-mantis-200: #afe5aa;
--color-mantis-300: #89cb83;
--color-mantis-400: #6ab45c;
--color-mantis-500: #459d33;
--color-mantis-600: #3c852d;
--color-mantis-700: #306b24;
--color-mantis-800: #244e15;
--color-mantis-900: #18360d;
--color-mantis-950: #092102;
}SCSS
$mantis: #74c365;
$mantis-rgb: 116, 195, 101;
$mantis-light: mix(#fff, $mantis, 20%);
$mantis-dark: mix(#000, $mantis, 20%);
.element {
color: $mantis;
box-shadow: 0 0 0 2px rgba($mantis, 0.35);
}