이름 색상 · #A89768
Eco Green
Eco Green은(는) #A89768: rgb(168 151 104), hsl(44 27% 53%), oklch(0.68 0.067 90.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Eco Green color name →
#A89768
oklch(0.68 0.067 90.4)
색상 변환
- HEX
- #a89768
- RGB
- rgb(168 151 104)
- HSL
- hsl(44 27% 53%)
- HWB
- hwb(44 41% 34%)
- OKLCH
- oklch(0.68 0.067 90.4)
- OKLab
- oklab(0.68 -0.001 0.067)
- CIE Lab
- lab(63.12 1.37 27.21)
- LCH
- lch(63.12 27.24 87.1)
- CMYK
- cmyk(0% 10% 38% 34%)
틴트 · 셰이드 · 톤
틴트
- B0A177
- B9AB86
- C1B594
- CAC0A3
- D3CAB2
- DBD5C1
- E4DFD1
- EDEAE0
- F6F4EF
셰이드
- 928359
- 7C6F4B
- 675C3E
- 524930
- 3F3724
- 2C2618
- 1A170C
- 0A0804
- 010100
톤
- A4956B
- A0936E
- 9C9070
- 988E73
- 948C75
- 908978
- 8C877A
- 88857C
- 84827E
색 조화
보색 +180°
- A89768
Eco Green
- 8897C2
≈ Pale Iris
유사색 -30° +30°
- A89768
Eco Green
- B78F6E
≈ Café Miel
- 929F70
≈ Lady Fern
삼각 배색 +120° +240°
- A89768
Eco Green
- 65A4AF
≈ Seaside
- B18AAC
≈ Voila!
분열 보색 +150° +210°
- A89768
Eco Green
- 729EBE
≈ Blue Mountain
- 9F8FBC
≈ Wizard’s Brew
사각 배색 +90° +180° +270°
- A89768
Eco Green
- 68A69A
≈ Harmony in Green
- 8897C2
≈ Pale Iris
- BC8796
≈ Mauvey Nude
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.88:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.29:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--eco-green: #a89768;
--eco-green-rgb: 168 151 104;
--eco-green-oklch: oklch(0.68 0.067 90.4);
}
.element {
color: var(--eco-green);
background-color: hsl(44 27% 53%);
border-color: oklch(0.68 0.067 90.4);
}Tailwind CSS v4
@theme {
--color-eco-green: #a89768;
--color-eco-green-50: #fcf5e0;
--color-eco-green-100: #f0e8cf;
--color-eco-green-200: #ded4b4;
--color-eco-green-300: #c3b791;
--color-eco-green-400: #ad9d71;
--color-eco-green-500: #978551;
--color-eco-green-600: #807045;
--color-eco-green-700: #665a37;
--color-eco-green-800: #4c4127;
--color-eco-green-900: #352d1a;
--color-eco-green-950: #201a0a;
}SCSS
$eco-green: #a89768;
$eco-green-rgb: 168, 151, 104;
$eco-green-light: mix(#fff, $eco-green, 20%);
$eco-green-dark: mix(#000, $eco-green, 20%);
.element {
color: $eco-green;
box-shadow: 0 0 0 2px rgba($eco-green, 0.35);
}