이름 색상 · #C7AB90
Uncommon Coir
Uncommon Coir은(는) #C7AB90: rgb(199 171 144), hsl(29 33% 67%), oklch(0.759 0.05 65.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Uncommon Coir color name →
#C7AB90
oklch(0.759 0.05 65.9)
색상 변환
- HEX
- #c7ab90
- RGB
- rgb(199 171 144)
- HSL
- hsl(29 33% 67%)
- HWB
- hwb(29 56% 22%)
- OKLCH
- oklch(0.759 0.05 65.9)
- OKLab
- oklab(0.759 0.02 0.045)
- CIE Lab
- lab(71.96 7.5 17.92)
- LCH
- lch(71.96 19.43 67.3)
- CMYK
- cmyk(0% 14% 28% 22%)
틴트 · 셰이드 · 톤
틴트
- CDB39B
- D2BBA6
- D8C4B1
- DDCCBC
- E3D4C7
- E9DDD2
- EEE5DD
- F4EEE8
- F9F6F4
셰이드
- AD947D
- 937E6A
- 7A6857
- 625445
- 4C4034
- 362D24
- 211B15
- 0E0B07
- 020101
톤
- C0A78F
- B9A28D
- B19E8C
- AA9A8A
- A39588
- 9C9187
- 958D85
- 8E8983
- 878482
색 조화
보색 +180°
- C7AB90
Uncommon Coir
- 98B4CF
≈ Sea Mark
유사색 -30° +30°
- C7AB90
Uncommon Coir
- CEA69B
≈ Eunry
- BAB18E
≈ Wasabi Powder
삼각 배색 +120° +240°
- C7AB90
Uncommon Coir
- 8DBBB5
≈ Morning Green
- B8A9CA
≈ Jacey’s Favourite
분열 보색 +150° +210°
- C7AB90
Uncommon Coir
- 8DB9C5
≈ Trisha’s Eyes
- A8AFD1
≈ Lavender Wash
사각 배색 +90° +180° +270°
- C7AB90
Uncommon Coir
- 98BBA4
≈ Spearmint Haze
- 98B4CF
≈ Sea Mark
- C6A5BD
≈ Dancing Wand
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.65:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--uncommon-coir: #c7ab90;
--uncommon-coir-rgb: 199 171 144;
--uncommon-coir-oklch: oklch(0.759 0.05 65.9);
}
.element {
color: var(--uncommon-coir);
background-color: hsl(29 33% 67%);
border-color: oklch(0.759 0.05 65.9);
}Tailwind CSS v4
@theme {
--color-uncommon-coir: #c7ab90;
--color-uncommon-coir-50: #fff3e6;
--color-uncommon-coir-100: #f3e5d7;
--color-uncommon-coir-200: #e3d1be;
--color-uncommon-coir-300: #c9b39d;
--color-uncommon-coir-400: #b39980;
--color-uncommon-coir-500: #9d8063;
--color-uncommon-coir-600: #856c54;
--color-uncommon-coir-700: #6a5743;
--color-uncommon-coir-800: #4f3f30;
--color-uncommon-coir-900: #372b21;
--color-uncommon-coir-950: #221910;
}SCSS
$uncommon-coir: #c7ab90;
$uncommon-coir-rgb: 199, 171, 144;
$uncommon-coir-light: mix(#fff, $uncommon-coir, 20%);
$uncommon-coir-dark: mix(#000, $uncommon-coir, 20%);
.element {
color: $uncommon-coir;
box-shadow: 0 0 0 2px rgba($uncommon-coir, 0.35);
}