이름 색상 · #6B8B75
Juniper Oil
Juniper Oil은(는) #6B8B75: rgb(107 139 117), hsl(139 13% 48%), oklch(0.606 0.049 154.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Juniper Oil color name →
#6B8B75
oklch(0.606 0.049 154.7)
색상 변환
- HEX
- #6b8b75
- RGB
- rgb(107 139 117)
- HSL
- hsl(139 13% 48%)
- HWB
- hwb(139 42% 45%)
- OKLCH
- oklch(0.606 0.049 154.7)
- OKLab
- oklab(0.606 -0.044 0.021)
- CIE Lab
- lab(54.93 -15.28 7.95)
- LCH
- lch(54.93 17.22 152.5)
- CMYK
- cmyk(23% 0% 16% 45%)
틴트 · 셰이드 · 톤
틴트
- 799682
- 87A18F
- 96AD9C
- A4B8AA
- B3C4B8
- C2CFC6
- D1DBD4
- E0E7E2
- EFF3F0
셰이드
- 5C7865
- 4E6655
- 3F5446
- 324337
- 253229
- 18231C
- 0D140F
- 040705
- 000101
톤
- 6D8A76
- 708977
- 728878
- 748779
- 76867B
- 78857C
- 7A837D
- 7C827E
- 7E817F
색 조화
보색 +180°
- 6B8B75
Juniper Oil
- 95778E
≈ Muted Berry
유사색 -30° +30°
- 6B8B75
Juniper Oil
- 7B8767
≈ Swedish Clover
- 608C85
≈ Chlorite
삼각 배색 +120° +240°
- 6B8B75
Juniper Oil
- 7980A0
≈ Positively Purple
- 9D786E
≈ Southern Road
분열 보색 +150° +210°
- 6B8B75
Juniper Oil
- 887B9A
≈ Relic
- 9C767E
≈ Bohemian Jazz
사각 배색 +90° +180° +270°
- 6B8B75
Juniper Oil
- 69869E
≈ Lakeville
- 95778E
≈ Muted Berry
- 977C63
≈ Tiger’s Eye
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.76:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.57:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--juniper-oil: #6b8b75;
--juniper-oil-rgb: 107 139 117;
--juniper-oil-oklch: oklch(0.606 0.049 154.7);
}
.element {
color: var(--juniper-oil);
background-color: hsl(139 13% 48%);
border-color: oklch(0.606 0.049 154.7);
}Tailwind CSS v4
@theme {
--color-juniper-oil: #6b8b75;
--color-juniper-oil-50: #eafaef;
--color-juniper-oil-100: #dbede1;
--color-juniper-oil-200: #c4dbcc;
--color-juniper-oil-300: #a4bfad;
--color-juniper-oil-400: #88a792;
--color-juniper-oil-500: #6d9078;
--color-juniper-oil-600: #5c7a66;
--color-juniper-oil-700: #4a6251;
--color-juniper-oil-800: #36473a;
--color-juniper-oil-900: #253228;
--color-juniper-oil-950: #131d16;
}SCSS
$juniper-oil: #6b8b75;
$juniper-oil-rgb: 107, 139, 117;
$juniper-oil-light: mix(#fff, $juniper-oil, 20%);
$juniper-oil-dark: mix(#000, $juniper-oil, 20%);
.element {
color: $juniper-oil;
box-shadow: 0 0 0 2px rgba($juniper-oil, 0.35);
}