이름 색상 · #7F805B
Mosstone
Mosstone은(는) #7F805B: rgb(127 128 91), hsl(62 17% 43%), oklch(0.589 0.053 109.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Mosstone color name →
#7F805B
oklch(0.589 0.053 109.2)
색상 변환
- HEX
- #7f805b
- RGB
- rgb(127 128 91)
- HSL
- hsl(62 17% 43%)
- HWB
- hwb(62 36% 50%)
- OKLCH
- oklch(0.589 0.053 109.2)
- OKLab
- oklab(0.589 -0.018 0.05)
- CIE Lab
- lab(52.76 -5.11 20.04)
- LCH
- lch(52.76 20.68 104.3)
- CMYK
- cmyk(1% 0% 29% 50%)
틴트 · 셰이드 · 톤
틴트
- 8B8C6B
- 97987A
- A4A58A
- B0B19A
- BDBEAA
- CACBBB
- D7D7CC
- E4E5DD
- F1F2EE
셰이드
- 6E6E4E
- 5D5D41
- 4C4D35
- 3C3D29
- 2D2E1E
- 1F1F13
- 111209
- 060603
- 010100
톤
- 7F805F
- 7F8063
- 7F8067
- 7F806A
- 7F806E
- 7F8072
- 808075
- 808079
- 80807C
색 조화
보색 +180°
- 7F805B
Mosstone
- 7C789B
≈ Grape Jam
유사색 -30° +30°
- 7F805B
Mosstone
- 8E7A59
≈ Woven Basket
- 6D8567
≈ Christmas Holly
삼각 배색 +120° +240°
- 7F805B
Mosstone
- 5B8397
≈ Blue Moon Bay
- 967082
≈ Meadow Flower
분열 보색 +150° +210°
- 7F805B
Mosstone
- 6A7E9D
≈ Searching Blue
- 8B7391
≈ Self Powered
사각 배색 +90° +180° +270°
- 7F805B
Mosstone
- 568789
≈ Cretan Green
- 7C789B
≈ Grape Jam
- 9A7170
≈ Bologna
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.08:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.14:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--mosstone: #7f805b;
--mosstone-rgb: 127 128 91;
--mosstone-oklch: oklch(0.589 0.053 109.2);
}
.element {
color: var(--mosstone);
background-color: hsl(62 17% 43%);
border-color: oklch(0.589 0.053 109.2);
}Tailwind CSS v4
@theme {
--color-mosstone: #7f805b;
--color-mosstone-50: #f5f7e6;
--color-mosstone-100: #e8ead6;
--color-mosstone-200: #d5d7bd;
--color-mosstone-300: #b8ba9b;
--color-mosstone-400: #a0a17d;
--color-mosstone-500: #888960;
--color-mosstone-600: #737452;
--color-mosstone-700: #5c5d41;
--color-mosstone-800: #44442e;
--color-mosstone-900: #2f2f1f;
--color-mosstone-950: #1c1b0f;
}SCSS
$mosstone: #7f805b;
$mosstone-rgb: 127, 128, 91;
$mosstone-light: mix(#fff, $mosstone, 20%);
$mosstone-dark: mix(#000, $mosstone, 20%);
.element {
color: $mosstone;
box-shadow: 0 0 0 2px rgba($mosstone, 0.35);
}