이름 색상 · #75876E
Chlorosis
Chlorosis은(는) #75876E: rgb(117 135 110), hsl(103 10% 48%), oklch(0.602 0.043 136.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Chlorosis color name →
#75876E
oklch(0.602 0.043 136.9)
색상 변환
- HEX
- #75876e
- RGB
- rgb(117 135 110)
- HSL
- hsl(103 10% 48%)
- HWB
- hwb(103 43% 47%)
- OKLCH
- oklch(0.602 0.043 136.9)
- OKLab
- oklab(0.602 -0.031 0.029)
- CIE Lab
- lab(54.31 -10.51 11.21)
- LCH
- lch(54.31 15.37 133.1)
- CMYK
- cmyk(13% 0% 19% 47%)
틴트 · 셰이드 · 톤
틴트
- 82927C
- 8F9E89
- 9CAA97
- AAB5A6
- B8C1B4
- C6CDC3
- D4DAD1
- E2E6E0
- F0F2F0
셰이드
- 65755F
- 556350
- 465141
- 374133
- 293126
- 1C2119
- 0F130E
- 050604
- 010101
톤
- 768670
- 778672
- 788574
- 7A8475
- 7B8477
- 7C8379
- 7D827B
- 7E817D
- 7F817E
색 조화
보색 +180°
- 75876E
Chlorosis
- 8B7992
≈ Passion Fruit
유사색 -30° +30°
- 75876E
Chlorosis
- 838365
≈ Green Scene
- 69897B
≈ Garland
삼각 배색 +120° +240°
- 75876E
Chlorosis
- 71829A
≈ Stonewash
- 997778
≈ Hickory Stick
분열 보색 +150° +210°
- 75876E
Chlorosis
- 7E7D99
≈ Blue Intrigue
- 957786
≈ Muted Berry
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.85:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.44:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--chlorosis: #75876e;
--chlorosis-rgb: 117 135 110;
--chlorosis-oklch: oklch(0.602 0.043 136.9);
}
.element {
color: var(--chlorosis);
background-color: hsl(103 10% 48%);
border-color: oklch(0.602 0.043 136.9);
}Tailwind CSS v4
@theme {
--color-chlorosis: #75876e;
--color-chlorosis-50: #eff8ed;
--color-chlorosis-100: #e1ecde;
--color-chlorosis-200: #cbd9c8;
--color-chlorosis-300: #adbda8;
--color-chlorosis-400: #93a58c;
--color-chlorosis-500: #798d71;
--color-chlorosis-600: #677760;
--color-chlorosis-700: #52604d;
--color-chlorosis-800: #3c4637;
--color-chlorosis-900: #293026;
--color-chlorosis-950: #171d14;
}SCSS
$chlorosis: #75876e;
$chlorosis-rgb: 117, 135, 110;
$chlorosis-light: mix(#fff, $chlorosis, 20%);
$chlorosis-dark: mix(#000, $chlorosis, 20%);
.element {
color: $chlorosis;
box-shadow: 0 0 0 2px rgba($chlorosis, 0.35);
}