이름 색상 · #7FB377
Joshua Tree
Joshua Tree은(는) #7FB377: rgb(127 179 119), hsl(112 28% 58%), oklch(0.715 0.101 141.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Joshua Tree color name →
#7FB377
oklch(0.715 0.101 141.2)
색상 변환
- HEX
- #7fb377
- RGB
- rgb(127 179 119)
- HSL
- hsl(112 28% 58%)
- HWB
- hwb(112 47% 30%)
- OKLCH
- oklch(0.715 0.101 141.2)
- OKLab
- oklab(0.715 -0.079 0.063)
- CIE Lab
- lab(68.14 -26.68 25.01)
- LCH
- lch(68.14 36.57 136.9)
- CMYK
- cmyk(29% 0% 34% 30%)
틴트 · 셰이드 · 톤
틴트
- 8CBB84
- 98C292
- A5CA9F
- B2D1AD
- BFD9BA
- CBE1C8
- D8E8D5
- E5F0E3
- F2F7F1
셰이드
- 6E9B67
- 5D8457
- 4C6E47
- 3C5838
- 2D432A
- 1F2F1C
- 111D10
- 060C05
- 010101
톤
- 80AE78
- 80A97A
- 80A47B
- 819F7C
- 819A7D
- 81947D
- 818F7E
- 818A7F
- 80857F
색 조화
보색 +180°
- 7FB377
Joshua Tree
- C08EC9
≈ Violaceous
유사색 -30° +30°
- 7FB377
Joshua Tree
- A5A95B
≈ Spinach Banana Smoothie
- 58B89B
≈ Keppel
삼각 배색 +120° +240°
- 7FB377
Joshua Tree
- 7FA3E3
≈ Blue Cue
- DB8987
≈ Copperfield
분열 보색 +150° +210°
- 7FB377
Joshua Tree
- A398DE
≈ Dull Lavender
- D488AA
≈ Berry Twist
사각 배색 +90° +180° +270°
- 7FB377
Joshua Tree
- 59AED7
≈ Hoeth Blue
- C08EC9
≈ Violaceous
- D69067
≈ Copper Cove
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.43:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.61:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--joshua-tree: #7fb377;
--joshua-tree-rgb: 127 179 119;
--joshua-tree-oklch: oklch(0.715 0.101 141.2);
}
.element {
color: var(--joshua-tree);
background-color: hsl(112 28% 58%);
border-color: oklch(0.715 0.101 141.2);
}Tailwind CSS v4
@theme {
--color-joshua-tree: #7fb377;
--color-joshua-tree-50: #e5fde3;
--color-joshua-tree-100: #d5f1d3;
--color-joshua-tree-200: #bbe0b9;
--color-joshua-tree-300: #99c596;
--color-joshua-tree-400: #7dae75;
--color-joshua-tree-500: #5e9756;
--color-joshua-tree-600: #507f49;
--color-joshua-tree-700: #40663a;
--color-joshua-tree-800: #2f4b28;
--color-joshua-tree-900: #20341b;
--color-joshua-tree-950: #0f1f0b;
}SCSS
$joshua-tree: #7fb377;
$joshua-tree-rgb: 127, 179, 119;
$joshua-tree-light: mix(#fff, $joshua-tree, 20%);
$joshua-tree-dark: mix(#000, $joshua-tree, 20%);
.element {
color: $joshua-tree;
box-shadow: 0 0 0 2px rgba($joshua-tree, 0.35);
}