이름 색상 · #74C365
Mantis
Mantis은(는) #74C365: rgb(116 195 101), hsl(110 44% 58%), oklch(0.744 0.151 140.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mantis color name →
#74C365
oklch(0.744 0.151 140.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 83C975
- 91D085
- 9FD695
- ADDCA4
- BBE2B3
- C8E8C2
- D6EED1
- E4F4E1
- F1F9F0
셰이드
- 64A957
- 549049
- 45783C
- 37602F
- 294A22
- 1B3417
- 0F200C
- 050E03
- 010200
톤
- 76BC69
- 78B66D
- 7AAF70
- 7CA873
- 7DA276
- 7E9B78
- 7F947A
- 7F8E7C
- 80877E
색 조화
보색 +180°
- 74C365
Mantis
- D68AE6
≈ Bright Lilac
유사색 -30° +30°
- 74C365
Mantis
- B2B42A
≈ Citronelle
- 00C99F
≈ Caribbean Green
삼각 배색 +120° +240°
- 74C365
Mantis
- 7BACFF
≈ Fennel Flower
- FD8183
≈ Light Red
분열 보색 +150° +210°
- 74C365
Mantis
- AC9BFF
≈ Cobalite
- F281B9
≈ Persian Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.73:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
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);
}