이름 색상 · #F8A060
Brushed Orange
Brushed Orange은(는) #F8A060: rgb(248 160 96), hsl(25 92% 67%), oklch(0.782 0.132 55.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Brushed Orange color name →
#F8A060
oklch(0.782 0.132 55.4)
색상 변환
- HEX
- #f8a060
- RGB
- rgb(248 160 96)
- HSL
- hsl(25 92% 67%)
- HWB
- hwb(25 38% 3%)
- OKLCH
- oklch(0.782 0.132 55.4)
- OKLab
- oklab(0.782 0.075 0.109)
- CIE Lab
- lab(74.06 29.33 47.05)
- LCH
- lch(74.06 55.45 58.1)
- CMYK
- cmyk(0% 35% 61% 3%)
틴트 · 셰이드 · 톤
틴트
- FAAA72
- FBB482
- FCBD92
- FDC7A2
- FED0B2
- FFDAC1
- FFE3D1
- FFECE0
- FFF6F0
셰이드
- D88B52
- B87645
- 9A6138
- 7C4E2C
- 603B20
- 452915
- 2C190A
- 150903
- 030100
톤
- EC9D65
- E09A6A
- D4976E
- C89471
- BC9174
- B08E77
- A48B7A
- 98877C
- 8C847E
색 조화
보색 +180°
- F8A060
Brushed Orange
- 57C4FF
≈ Blue Mana
유사색 -30° +30°
- F8A060
Brushed Orange
- FF968E
≈ Lolly
- DEB147
≈ Honey Grove
삼각 배색 +120° +240°
- F8A060
Brushed Orange
- 3DD3B4
≈ Simply Aqua
- BEA7FF
≈ Diva
분열 보색 +150° +210°
- F8A060
Brushed Orange
- 11CFE0
≈ Aztec Turquoise
- 96B6FF
≈ Truesky Gloxym
사각 배색 +90° +180° +270°
- F8A060
Brushed Orange
- 7ECE83
≈ Jube Green
- 57C4FF
≈ Blue Mana
- E399E6
≈ Love Dust
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.18:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--brushed-orange: #f8a060;
--brushed-orange-rgb: 248 160 96;
--brushed-orange-oklch: oklch(0.782 0.132 55.4);
}
.element {
color: var(--brushed-orange);
background-color: hsl(25 92% 67%);
border-color: oklch(0.782 0.132 55.4);
}Tailwind CSS v4
@theme {
--color-brushed-orange: #f8a060;
--color-brushed-orange-50: #ffedd1;
--color-brushed-orange-100: #ffdebd;
--color-brushed-orange-200: #ffc79d;
--color-brushed-orange-300: #eba672;
--color-brushed-orange-400: #d9884c;
--color-brushed-orange-500: #c66a17;
--color-brushed-orange-600: #a85b18;
--color-brushed-orange-700: #874813;
--color-brushed-orange-800: #65330d;
--color-brushed-orange-900: #472308;
--color-brushed-orange-950: #2e1200;
}SCSS
$brushed-orange: #f8a060;
$brushed-orange-rgb: 248, 160, 96;
$brushed-orange-light: mix(#fff, $brushed-orange, 20%);
$brushed-orange-dark: mix(#000, $brushed-orange, 20%);
.element {
color: $brushed-orange;
box-shadow: 0 0 0 2px rgba($brushed-orange, 0.35);
}