이름 색상 · #779966
Mosslands
Mosslands은(는) #779966: rgb(119 153 102), hsl(100 20% 50%), oklch(0.644 0.083 135.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mosslands color name →
#779966
oklch(0.644 0.083 135.6)
색상 변환
- HEX
- #779966
- RGB
- rgb(119 153 102)
- HSL
- hsl(100 20% 50%)
- HWB
- hwb(100 40% 40%)
- OKLCH
- oklch(0.644 0.083 135.6)
- OKLab
- oklab(0.644 -0.059 0.058)
- CIE Lab
- lab(59.66 -19.61 22.88)
- LCH
- lch(59.66 30.13 130.6)
- CMYK
- cmyk(22% 0% 33% 40%)
틴트 · 셰이드 · 톤
틴트
- 84A375
- 91AD84
- 9EB793
- ACC1A2
- B9CBB1
- C7D5C0
- D5E0D0
- E3EADF
- F1F5EF
셰이드
- 678458
- 57704A
- 475D3C
- 384A2F
- 2A3823
- 1C2717
- 10170C
- 050804
- 010100
톤
- 789769
- 79946C
- 7A926F
- 7B8F71
- 7C8D74
- 7D8A77
- 7E8879
- 7E857B
- 7F837E
색 조화
보색 +180°
- 779966
Mosslands
- A17EB0
≈ Design Delight
유사색 -30° +30°
- 779966
Mosslands
- 949153
≈ Amazon Queen
- 599E81
≈ Green Spruce
삼각 배색 +120° +240°
- 779966
Mosslands
- 6B90BF
≈ Purple Hyacinth
- BA787D
≈ Nipple
분열 보색 +150° +210°
- 779966
Mosslands
- 8886BE
≈ Brocade
- B27998
≈ Choral Singer
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.21:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.53:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--mosslands: #779966;
--mosslands-rgb: 119 153 102;
--mosslands-oklch: oklch(0.644 0.083 135.6);
}
.element {
color: var(--mosslands);
background-color: hsl(100 20% 50%);
border-color: oklch(0.644 0.083 135.6);
}Tailwind CSS v4
@theme {
--color-mosslands: #779966;
--color-mosslands-50: #eafbe4;
--color-mosslands-100: #dbefd4;
--color-mosslands-200: #c4ddbb;
--color-mosslands-300: #a3c299;
--color-mosslands-400: #89aa79;
--color-mosslands-500: #6e935b;
--color-mosslands-600: #5d7c4d;
--color-mosslands-700: #4a633d;
--color-mosslands-800: #37492b;
--color-mosslands-900: #25321d;
--color-mosslands-950: #141e0d;
}SCSS
$mosslands: #779966;
$mosslands-rgb: 119, 153, 102;
$mosslands-light: mix(#fff, $mosslands, 20%);
$mosslands-dark: mix(#000, $mosslands, 20%);
.element {
color: $mosslands;
box-shadow: 0 0 0 2px rgba($mosslands, 0.35);
}