이름 색상 · #53983C
Enviable
Enviable은(는) #53983C: rgb(83 152 60), hsl(105 43% 42%), oklch(0.613 0.145 138.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Enviable color name →
#53983C
oklch(0.613 0.145 138.6)
색상 변환
- HEX
- #53983c
- RGB
- rgb(83 152 60)
- HSL
- hsl(105 43% 42%)
- HWB
- hwb(105 24% 40%)
- OKLCH
- oklch(0.613 0.145 138.6)
- OKLab
- oklab(0.613 -0.109 0.096)
- CIE Lab
- lab(56.79 -36.1 40.23)
- LCH
- lch(56.79 54.05 131.9)
- CMYK
- cmyk(45% 0% 61% 40%)
틴트 · 셰이드 · 톤
틴트
- 65A251
- 76AD65
- 87B778
- 98C18C
- A9CC9F
- BAD6B2
- CBE0C5
- DCEAD8
- EEF5EB
셰이드
- 478433
- 3B702A
- 305C21
- 254A19
- 1B3811
- 11270A
- 081704
- 020801
- 000100
톤
- 599645
- 5E944D
- 639255
- 688F5C
- 6C8D63
- 708A69
- 75886F
- 798575
- 7C837A
색 조화
보색 +180°
- 53983C
Enviable
- A865BB
≈ Prickly Purple
유사색 -30° +30°
- 53983C
Enviable
- 8C8900
≈ Palak Paneer
- 009B77
≈ Golf Green
삼각 배색 +120° +240°
- 53983C
Enviable
- 4A83DA
≈ Blue Jay
- CC5A61
≈ Common Chestnut
분열 보색 +150° +210°
- 53983C
Enviable
- 8273D5
≈ Kickstart Purple
- C15B92
≈ Llilacquered
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.54:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.92:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--enviable: #53983c;
--enviable-rgb: 83 152 60;
--enviable-oklch: oklch(0.613 0.145 138.6);
}
.element {
color: var(--enviable);
background-color: hsl(105 43% 42%);
border-color: oklch(0.613 0.145 138.6);
}Tailwind CSS v4
@theme {
--color-enviable: #53983c;
--color-enviable-50: #dfffd9;
--color-enviable-100: #cef5c7;
--color-enviable-200: #b3e4aa;
--color-enviable-300: #8eca83;
--color-enviable-400: #70b25c;
--color-enviable-500: #4e9c33;
--color-enviable-600: #43842d;
--color-enviable-700: #356a24;
--color-enviable-800: #284d15;
--color-enviable-900: #1b360d;
--color-enviable-950: #0b2102;
}SCSS
$enviable: #53983c;
$enviable-rgb: 83, 152, 60;
$enviable-light: mix(#fff, $enviable, 20%);
$enviable-dark: mix(#000, $enviable, 20%);
.element {
color: $enviable;
box-shadow: 0 0 0 2px rgba($enviable, 0.35);
}