이름 색상 · #F5B784
Camel Hair Coat
Camel Hair Coat은(는) #F5B784: rgb(245 183 132), hsl(27 85% 74%), oklch(0.825 0.098 60.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Camel Hair Coat color name →
#F5B784
oklch(0.825 0.098 60.3)
색상 변환
- HEX
- #f5b784
- RGB
- rgb(245 183 132)
- HSL
- hsl(27 85% 74%)
- HWB
- hwb(27 52% 4%)
- OKLCH
- oklch(0.825 0.098 60.3)
- OKLab
- oklab(0.825 0.049 0.085)
- CIE Lab
- lab(79.42 18.76 35.12)
- LCH
- lch(79.42 39.82 61.9)
- CMYK
- cmyk(0% 25% 46% 4%)
틴트 · 셰이드 · 톤
틴트
- F6BE91
- F8C69D
- F9CDAA
- FAD4B6
- FBDBC2
- FCE2CE
- FDEADA
- FEF1E7
- FFF8F3
셰이드
- D59F72
- B68760
- 98704F
- 7B5A3F
- 5F452F
- 443120
- 2B1E12
- 150C06
- 030201
톤
- E9B284
- DDAC84
- D1A784
- C5A184
- BA9C84
- AE9683
- A29183
- 978B82
- 8B8681
색 조화
보색 +180°
- F5B784
Camel Hair Coat
- 8ACEFF
≈ Clear Sky
유사색 -30° +30°
- F5B784
Camel Hair Coat
- FFAEA0
≈ Amber Tide
- DEC37A
≈ Germania
삼각 배색 +120° +240°
- F5B784
Camel Hair Coat
- 78DBC8
≈ Tender Turquoise
- D0B8FC
≈ Violet Heaven
분열 보색 +150° +210°
- F5B784
Camel Hair Coat
- 72D7E9
≈ Turquoise Sea
- B0C4FF
≈ Night Snow
사각 배색 +90° +180° +270°
- F5B784
Camel Hair Coat
- 97D8A5
≈ Green Ash
- 8ACEFF
≈ Clear Sky
- EBAFE4
≈ Land of Dreams
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.98:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--camel-hair-coat: #f5b784;
--camel-hair-coat-rgb: 245 183 132;
--camel-hair-coat-oklch: oklch(0.825 0.098 60.3);
}
.element {
color: var(--camel-hair-coat);
background-color: hsl(27 85% 74%);
border-color: oklch(0.825 0.098 60.3);
}Tailwind CSS v4
@theme {
--color-camel-hair-coat: #f5b784;
--color-camel-hair-coat-50: #fff0d9;
--color-camel-hair-coat-100: #ffe1c7;
--color-camel-hair-coat-200: #f3ccaa;
--color-camel-hair-coat-300: #dcad83;
--color-camel-hair-coat-400: #c99161;
--color-camel-hair-coat-500: #b5763d;
--color-camel-hair-coat-600: #996435;
--color-camel-hair-coat-700: #7b502a;
--color-camel-hair-coat-800: #5b391e;
--color-camel-hair-coat-900: #402713;
--color-camel-hair-coat-950: #291505;
}SCSS
$camel-hair-coat: #f5b784;
$camel-hair-coat-rgb: 245, 183, 132;
$camel-hair-coat-light: mix(#fff, $camel-hair-coat, 20%);
$camel-hair-coat-dark: mix(#000, $camel-hair-coat, 20%);
.element {
color: $camel-hair-coat;
box-shadow: 0 0 0 2px rgba($camel-hair-coat, 0.35);
}