이름 색상 · #FA9761
Indian Paintbrush
Indian Paintbrush은(는) #FA9761: rgb(250 151 97), hsl(21 94% 68%), oklch(0.769 0.138 48.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Indian Paintbrush color name →
#FA9761
oklch(0.769 0.138 48.4)
색상 변환
- HEX
- #fa9761
- RGB
- rgb(250 151 97)
- HSL
- hsl(21 94% 68%)
- HWB
- hwb(21 38% 2%)
- OKLCH
- oklch(0.769 0.138 48.4)
- OKLab
- oklab(0.769 0.092 0.103)
- CIE Lab
- lab(72.35 34.64 44.66)
- LCH
- lch(72.35 56.52 52.2)
- CMYK
- cmyk(0% 40% 61% 2%)
틴트 · 셰이드 · 톤
틴트
- FCA272
- FDAD82
- FEB792
- FFC2A2
- FFCCB2
- FFD6C1
- FFE1D1
- FFEBE0
- FFF5F0
셰이드
- D98353
- BA6F46
- 9B5C39
- 7D492D
- 613721
- 462615
- 2D170B
- 150803
- 030100
톤
- EE9566
- E2936A
- D6926E
- CA8F71
- BE8D74
- B18B77
- A5887A
- 99867C
- 8D837E
색 조화
보색 +180°
- FA9761
Indian Paintbrush
- 34C4F9
≈ Shovel Knight
유사색 -30° +30°
- FA9761
Indian Paintbrush
- FF8E92
≈ Cherished One
- E3A83D
≈ Mustard Glaze
삼각 배색 +120° +240°
- FA9761
Indian Paintbrush
- 3ED0A4
≈ Mint Jelly
- B1A6FF
≈ Shy Moment
분열 보색 +150° +210°
- FA9761
Indian Paintbrush
- 00CDD2
≈ Jade Glass
- 84B5FF
≈ Parakeet Blue
사각 배색 +90° +180° +270°
- FA9761
Indian Paintbrush
- 86C970
≈ Emerald Rain
- 34C4F9
≈ Shovel Knight
- D996EC
≈ Bright Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.66:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--indian-paintbrush: #fa9761;
--indian-paintbrush-rgb: 250 151 97;
--indian-paintbrush-oklch: oklch(0.769 0.138 48.4);
}
.element {
color: var(--indian-paintbrush);
background-color: hsl(21 94% 68%);
border-color: oklch(0.769 0.138 48.4);
}Tailwind CSS v4
@theme {
--color-indian-paintbrush: #fa9761;
--color-indian-paintbrush-50: #ffebd2;
--color-indian-paintbrush-100: #ffdbbf;
--color-indian-paintbrush-200: #ffc49f;
--color-indian-paintbrush-300: #f0a276;
--color-indian-paintbrush-400: #df8351;
--color-indian-paintbrush-500: #cd6522;
--color-indian-paintbrush-600: #ad5620;
--color-indian-paintbrush-700: #8b4419;
--color-indian-paintbrush-800: #683012;
--color-indian-paintbrush-900: #49210b;
--color-indian-paintbrush-950: #301001;
}SCSS
$indian-paintbrush: #fa9761;
$indian-paintbrush-rgb: 250, 151, 97;
$indian-paintbrush-light: mix(#fff, $indian-paintbrush, 20%);
$indian-paintbrush-dark: mix(#000, $indian-paintbrush, 20%);
.element {
color: $indian-paintbrush;
box-shadow: 0 0 0 2px rgba($indian-paintbrush, 0.35);
}