이름 색상 · #C8AC82
Mindful
Mindful은(는) #C8AC82: rgb(200 172 130), hsl(36 39% 65%), oklch(0.759 0.065 77.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Mindful color name →
#C8AC82
oklch(0.759 0.065 77.6)
색상 변환
- HEX
- #c8ac82
- RGB
- rgb(200 172 130)
- HSL
- hsl(36 39% 65%)
- HWB
- hwb(36 51% 22%)
- OKLCH
- oklch(0.759 0.065 77.6)
- OKLab
- oklab(0.759 0.014 0.064)
- CIE Lab
- lab(72.08 6.06 25.62)
- LCH
- lch(72.08 26.33 76.7)
- CMYK
- cmyk(0% 14% 35% 22%)
틴트 · 셰이드 · 톤
틴트
- CEB48E
- D3BC9B
- D9C5A7
- DECDB4
- E4D5C0
- E9DDCC
- EEE6D9
- F4EEE6
- F9F7F2
셰이드
- AE9570
- 947F5F
- 7B694E
- 63543E
- 4C402F
- 362D20
- 211B12
- 0F0B06
- 020101
톤
- C1A882
- B9A382
- B29F82
- AB9A82
- A39682
- 9C9282
- 958D81
- 8E8981
- 878481
색 조화
보색 +180°
- C8AC82
Mindful
- 97B3DA
≈ Echo Isles Water
유사색 -30° +30°
- C8AC82
Mindful
- D4A58D
≈ Coronado Dunes
- B4B484
≈ Winter Pear
삼각 배색 +120° +240°
- C8AC82
Mindful
- 7EBEBF
≈ Pure Turquoise
- C2A4CC
≈ Pale Grape
분열 보색 +150° +210°
- C8AC82
Mindful
- 84B9D1
≈ Petit Four
- AEABD9
≈ Monastic
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.16:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.67:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--mindful: #c8ac82;
--mindful-rgb: 200 172 130;
--mindful-oklch: oklch(0.759 0.065 77.6);
}
.element {
color: var(--mindful);
background-color: hsl(36 39% 65%);
border-color: oklch(0.759 0.065 77.6);
}Tailwind CSS v4
@theme {
--color-mindful: #c8ac82;
--color-mindful-50: #fff4e1;
--color-mindful-100: #f4e6d0;
--color-mindful-200: #e3d2b6;
--color-mindful-300: #c9b492;
--color-mindful-400: #b49a73;
--color-mindful-500: #9e8154;
--color-mindful-600: #866d47;
--color-mindful-700: #6b5739;
--color-mindful-800: #503f28;
--color-mindful-900: #372c1b;
--color-mindful-950: #22190b;
}SCSS
$mindful: #c8ac82;
$mindful-rgb: 200, 172, 130;
$mindful-light: mix(#fff, $mindful, 20%);
$mindful-dark: mix(#000, $mindful, 20%);
.element {
color: $mindful;
box-shadow: 0 0 0 2px rgba($mindful, 0.35);
}