이름 색상 · #50702D
Loren Forest
Loren Forest은(는) #50702D: rgb(80 112 45), hsl(89 43% 31%), oklch(0.505 0.102 130.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Loren Forest color name →
#50702D
oklch(0.505 0.102 130.6)
색상 변환
- HEX
- #50702d
- RGB
- rgb(80 112 45)
- HSL
- hsl(89 43% 31%)
- HWB
- hwb(89 18% 56%)
- OKLCH
- oklch(0.505 0.102 130.6)
- OKLab
- oklab(0.505 -0.066 0.077)
- CIE Lab
- lab(43.59 -21.07 32.61)
- LCH
- lch(43.59 38.83 122.9)
- CMYK
- cmyk(29% 0% 60% 56%)
틴트 · 셰이드 · 톤
틴트
- 607E42
- 708B57
- 81996B
- 92A780
- A4B694
- B5C4A9
- C7D3BE
- DAE1D3
- ECF0E9
셰이드
- 446026
- 39511F
- 2E4318
- 243511
- 1A270B
- 101A06
- 070E02
- 020401
- 000100
톤
- 557237
- 5A7440
- 5E7549
- 637751
- 687959
- 6D7A61
- 727C69
- 767D71
- 7B7F78
색 조화
보색 +180°
- 50702D
Loren Forest
- 77538F
≈ Ninja Princess
유사색 -30° +30°
- 50702D
Loren Forest
- 726509
≈ Spicy Mustard
- 1D7651
≈ Greasy Greens
삼각 배색 +120° +240°
- 50702D
Loren Forest
- 33679C
≈ Summerday Blue
- 954956
≈ Kirsch Red
분열 보색 +150° +210°
- 50702D
Loren Forest
- 5A5D9D
≈ Violet Storm
- 8B4C76
≈ Sugar Plum
사각 배색 +90° +180° +270°
- 50702D
Loren Forest
- 007089
≈ Blue Jay Crest
- 77538F
≈ Ninja Princess
- 954E34
≈ Japanese Cypress
대비 및 접근성
Ag
AA흰색 위
WCAG 5.68:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.69:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--loren-forest: #50702d;
--loren-forest-rgb: 80 112 45;
--loren-forest-oklch: oklch(0.505 0.102 130.6);
}
.element {
color: var(--loren-forest);
background-color: hsl(89 43% 31%);
border-color: oklch(0.505 0.102 130.6);
}Tailwind CSS v4
@theme {
--color-loren-forest: #50702d;
--color-loren-forest-50: #eafcde;
--color-loren-forest-100: #dbf0cd;
--color-loren-forest-200: #c4deb2;
--color-loren-forest-300: #a4c38d;
--color-loren-forest-400: #8aab6a;
--color-loren-forest-500: #6f9448;
--color-loren-forest-600: #5e7d3e;
--color-loren-forest-700: #4b6431;
--color-loren-forest-800: #384921;
--color-loren-forest-900: #263316;
--color-loren-forest-950: #141e07;
}SCSS
$loren-forest: #50702d;
$loren-forest-rgb: 80, 112, 45;
$loren-forest-light: mix(#fff, $loren-forest, 20%);
$loren-forest-dark: mix(#000, $loren-forest, 20%);
.element {
color: $loren-forest;
box-shadow: 0 0 0 2px rgba($loren-forest, 0.35);
}