가장 가까운 이름 색상 · #8BAA85
#8BAA85
가장 가까운 이름 색상: Verdant Haven
#8BAA85(rgb(139 170 133), hsl(110 18% 59%), oklch(0.705 0.063 140.5))와 가장 가까운 이름 색상은 Verdant Haven입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8BAA85
oklch(0.705 0.063 140.5)
색상 변환
- HEX
- #8baa85
- RGB
- rgb(139 170 133)
- HSL
- hsl(110 18% 59%)
- HWB
- hwb(110 52% 33%)
- OKLCH
- oklch(0.705 0.063 140.5)
- OKLab
- oklab(0.705 -0.049 0.04)
- CIE Lab
- lab(66.51 -16.47 15.49)
- LCH
- lch(66.51 22.61 136.8)
- CMYK
- cmyk(18% 0% 22% 33%)
틴트 · 셰이드 · 톤
틴트
- 96B291
- A1BB9D
- ADC3A9
- B8CBB5
- C4D4C1
- D0DCCD
- DBE5D9
- E7EEE6
- F3F6F2
셰이드
- 789373
- 667D61
- 546850
- 435340
- 323F30
- 232D21
- 141B13
- 070B06
- 010101
톤
- 8AA685
- 89A284
- 889D84
- 879983
- 869583
- 859182
- 848D82
- 828881
- 818481
색 조화
보색 +180°
- 8BAA85
Verdant Haven
- B293B8
≈ Lavender Earl
유사색 -30° +30°
- 8BAA85
Verdant Haven
- A1A476
≈ Dill Grass
- 77AD9A
≈ Dusty Jade Green
삼각 배색 +120° +240°
- 8BAA85
Verdant Haven
- 89A1C8
≈ Anode
- C4918F
≈ Floral Tapestry
분열 보색 +150° +210°
- 8BAA85
Verdant Haven
- 9F9AC5
≈ Cosmo Purple
- BF90A5
≈ Light Mauve
사각 배색 +90° +180° +270°
- 8BAA85
Verdant Haven
- 77A8C0
≈ Moonstone Blue
- B293B8
≈ Lavender Earl
- C1957D
≈ Maple Sugar
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.56:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.18:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--verdant-haven: #8baa85;
--verdant-haven-rgb: 139 170 133;
--verdant-haven-oklch: oklch(0.705 0.063 140.5);
}
.element {
color: var(--verdant-haven);
background-color: hsl(110 18% 59%);
border-color: oklch(0.705 0.063 140.5);
}Tailwind CSS v4
@theme {
--color-verdant-haven: #8baa85;
--color-verdant-haven-50: #ebfaea;
--color-verdant-haven-100: #dceeda;
--color-verdant-haven-200: #c5dcc3;
--color-verdant-haven-300: #a5c0a3;
--color-verdant-haven-400: #8ba885;
--color-verdant-haven-500: #709169;
--color-verdant-haven-600: #5f7b59;
--color-verdant-haven-700: #4c6247;
--color-verdant-haven-800: #374833;
--color-verdant-haven-900: #263222;
--color-verdant-haven-950: #141e11;
}SCSS
$verdant-haven: #8baa85;
$verdant-haven-rgb: 139, 170, 133;
$verdant-haven-light: mix(#fff, $verdant-haven, 20%);
$verdant-haven-dark: mix(#000, $verdant-haven, 20%);
.element {
color: $verdant-haven;
box-shadow: 0 0 0 2px rgba($verdant-haven, 0.35);
}