이름 색상 · #76856A
Wreath
Wreath은(는) #76856A: rgb(118 133 106), hsl(93 11% 47%), oklch(0.597 0.044 131.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Wreath color name →
#76856A
oklch(0.597 0.044 131.4)
색상 변환
- HEX
- #76856a
- RGB
- rgb(118 133 106)
- HSL
- hsl(93 11% 47%)
- HWB
- hwb(93 42% 48%)
- OKLCH
- oklch(0.597 0.044 131.4)
- OKLab
- oklab(0.597 -0.029 0.033)
- CIE Lab
- lab(53.73 -9.62 12.7)
- LCH
- lch(53.73 15.93 127.2)
- CMYK
- cmyk(11% 0% 20% 48%)
틴트 · 셰이드 · 톤
틴트
- 839178
- 909C86
- 9DA895
- ABB4A3
- B8C0B2
- C6CDC1
- D4D9D0
- E2E6E0
- F1F2EF
셰이드
- 66735B
- 56614D
- 47503F
- 384031
- 293024
- 1C2118
- 0F130D
- 050604
- 010100
톤
- 77856C
- 78846F
- 798471
- 7A8373
- 7B8375
- 7C8277
- 7D827A
- 7E817C
- 7F817E
색 조화
보색 +180°
- 76856A
Wreath
- 887893
≈ Self Powered
유사색 -30° +30°
- 76856A
Wreath
- 848062
≈ Olive Haze
- 688877
≈ Green Adirondack
삼각 배색 +120° +240°
- 76856A
Wreath
- 6C8199
≈ Grey Blueberry
- 977579
≈ March Pink
분열 보색 +150° +210°
- 76856A
Wreath
- 7A7D99
≈ Waterloo
- 927587
≈ Tragic Juliet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.93:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.33:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--wreath: #76856a;
--wreath-rgb: 118 133 106;
--wreath-oklch: oklch(0.597 0.044 131.4);
}
.element {
color: var(--wreath);
background-color: hsl(93 11% 47%);
border-color: oklch(0.597 0.044 131.4);
}Tailwind CSS v4
@theme {
--color-wreath: #76856a;
--color-wreath-50: #f0f8eb;
--color-wreath-100: #e2ebdd;
--color-wreath-200: #cdd9c6;
--color-wreath-300: #afbda6;
--color-wreath-400: #95a48a;
--color-wreath-500: #7c8d6f;
--color-wreath-600: #69775e;
--color-wreath-700: #545f4b;
--color-wreath-800: #3e4636;
--color-wreath-900: #2a3025;
--color-wreath-950: #181c13;
}SCSS
$wreath: #76856a;
$wreath-rgb: 118, 133, 106;
$wreath-light: mix(#fff, $wreath, 20%);
$wreath-dark: mix(#000, $wreath, 20%);
.element {
color: $wreath;
box-shadow: 0 0 0 2px rgba($wreath, 0.35);
}