이름 색상 · #C4A079
Friendly Tan
Friendly Tan은(는) #C4A079: rgb(196 160 121), hsl(31 39% 62%), oklch(0.729 0.068 68.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Friendly Tan color name →
#C4A079
oklch(0.729 0.068 68.7)
색상 변환
- HEX
- #c4a079
- RGB
- rgb(196 160 121)
- HSL
- hsl(31 39% 62%)
- HWB
- hwb(31 47% 23%)
- OKLCH
- oklch(0.729 0.068 68.7)
- OKLab
- oklab(0.729 0.025 0.063)
- CIE Lab
- lab(68.49 9.78 25.65)
- LCH
- lch(68.49 27.45 69.1)
- CMYK
- cmyk(0% 18% 38% 23%)
틴트 · 셰이드 · 톤
틴트
- CAA986
- D0B393
- D6BCA1
- DCC5AE
- E2CFBB
- E8D8C9
- EDE2D6
- F3ECE4
- F9F5F1
셰이드
- AA8B68
- 917658
- 786148
- 614E39
- 4A3B2B
- 35291D
- 211910
- 0E0905
- 020101
톤
- BD9D7A
- B69A7B
- AF977C
- A9937D
- A2907E
- 9B8D7E
- 948A7F
- 8D877F
- 878380
색 조화
보색 +180°
- C4A079
Friendly Tan
- 86ACD1
≈ Cotton Wool Blue
유사색 -30° +30°
- C4A079
Friendly Tan
- CE9988
≈ Nectarine Spice
- B2A877
≈ Bamboo Forest
삼각 배색 +120° +240°
- C4A079
Friendly Tan
- 74B6B0
≈ Spring Water Turquoise
- B49CC9
≈ Dechala Lilac
분열 보색 +150° +210°
- C4A079
Friendly Tan
- 75B2C4
≈ Glacier
- 9DA4D2
≈ Water Hyacinth
사각 배색 +90° +180° +270°
- C4A079
Friendly Tan
- 83B598
≈ King Theo
- 86ACD1
≈ Cotton Wool Blue
- C597B6
≈ Morning Glory Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.42:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.65:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.65:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--friendly-tan: #c4a079;
--friendly-tan-rgb: 196 160 121;
--friendly-tan-oklch: oklch(0.729 0.068 68.7);
}
.element {
color: var(--friendly-tan);
background-color: hsl(31 39% 62%);
border-color: oklch(0.729 0.068 68.7);
}Tailwind CSS v4
@theme {
--color-friendly-tan: #c4a079;
--color-friendly-tan-50: #fff2e1;
--color-friendly-tan-100: #f7e5d0;
--color-friendly-tan-200: #e7d0b5;
--color-friendly-tan-300: #ceb292;
--color-friendly-tan-400: #b99773;
--color-friendly-tan-500: #a47e54;
--color-friendly-tan-600: #8b6b47;
--color-friendly-tan-700: #6f5539;
--color-friendly-tan-800: #523e28;
--color-friendly-tan-900: #392a1b;
--color-friendly-tan-950: #24180c;
}SCSS
$friendly-tan: #c4a079;
$friendly-tan-rgb: 196, 160, 121;
$friendly-tan-light: mix(#fff, $friendly-tan, 20%);
$friendly-tan-dark: mix(#000, $friendly-tan, 20%);
.element {
color: $friendly-tan;
box-shadow: 0 0 0 2px rgba($friendly-tan, 0.35);
}