이름 색상 · #695F50
Makara
Makara은(는) #695F50: rgb(105 95 80), hsl(36 14% 36%), oklch(0.491 0.026 78). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Makara color name →
#695F50
oklch(0.491 0.026 78)
색상 변환
- HEX
- #695f50
- RGB
- rgb(105 95 80)
- HSL
- hsl(36 14% 36%)
- HWB
- hwb(36 31% 59%)
- OKLCH
- oklch(0.491 0.026 78)
- OKLab
- oklab(0.491 0.005 0.026)
- CIE Lab
- lab(40.95 2.17 10.16)
- LCH
- lch(40.95 10.39 78)
- CMYK
- cmyk(0% 10% 24% 59%)
틴트 · 셰이드 · 톤
틴트
- 776E60
- 857D70
- 938C81
- A29C92
- B1ACA3
- C0BCB5
- D0CCC7
- DFDDD9
- EFEEEC
셰이드
- 5A5244
- 4C4439
- 3E382E
- 312C24
- 24201A
- 181510
- 0C0A07
- 040302
- 000000
톤
- 6B6255
- 6E6659
- 70695E
- 726C63
- 746F68
- 77736D
- 797671
- 7B7976
- 7E7D7B
색 조화
보색 +180°
- 695F50
Makara
- 576170
≈ Intermediate Blue
유사색 -30° +30°
- 695F50
Makara
- 6E5C54
≈ Missing Link
- 626251
≈ Bull Kelp
삼각 배색 +120° +240°
- 695F50
Makara
- 4F6566
≈ Angry Ocean
- 675C6B
≈ Patina Violet
분열 보색 +150° +210°
- 695F50
Makara
- 51646D
≈ Masuhana Blue
- 5F5E6F
≈ Mid Grey
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.26:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.35:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--makara: #695f50;
--makara-rgb: 105 95 80;
--makara-oklch: oklch(0.491 0.026 78);
}
.element {
color: var(--makara);
background-color: hsl(36 14% 36%);
border-color: oklch(0.491 0.026 78);
}Tailwind CSS v4
@theme {
--color-makara: #695f50;
--color-makara-50: #f9f4ed;
--color-makara-100: #ede7de;
--color-makara-200: #dad3c8;
--color-makara-300: #bfb6a9;
--color-makara-400: #a79d8d;
--color-makara-500: #908473;
--color-makara-600: #7a7061;
--color-makara-700: #615a4e;
--color-makara-800: #484138;
--color-makara-900: #322d27;
--color-makara-950: #1e1a15;
}SCSS
$makara: #695f50;
$makara-rgb: 105, 95, 80;
$makara-light: mix(#fff, $makara, 20%);
$makara-dark: mix(#000, $makara, 20%);
.element {
color: $makara;
box-shadow: 0 0 0 2px rgba($makara, 0.35);
}