이름 색상 · #A85143
Indian Summer
Indian Summer은(는) #A85143: rgb(168 81 67), hsl(8 43% 46%), oklch(0.54 0.118 30.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Indian Summer color name →
#A85143
oklch(0.54 0.118 30.7)
색상 변환
- HEX
- #a85143
- RGB
- rgb(168 81 67)
- HSL
- hsl(8 43% 46%)
- HWB
- hwb(8 26% 34%)
- OKLCH
- oklch(0.54 0.118 30.7)
- OKLab
- oklab(0.54 0.101 0.06)
- CIE Lab
- lab(45.57 35.67 25.79)
- LCH
- lch(45.57 44.02 35.9)
- CMYK
- cmyk(0% 52% 60% 34%)
틴트 · 셰이드 · 톤
틴트
- B26255
- BC7467
- C58579
- CE968B
- D7A79E
- E0B8B1
- E8CAC4
- F0DBD7
- F8EDEB
셰이드
- 924539
- 7C3A2F
- 672F26
- 52241D
- 3F1A14
- 2C100C
- 1A0705
- 0A0201
- 010000
톤
- A5574A
- A25C50
- 9E6156
- 9B665C
- 976B62
- 936F68
- 8F746E
- 8A7874
- 857C7A
색 조화
보색 +180°
- A85143
Indian Summer
- 007D8D
≈ Metallic Seaweed
유사색 -30° +30°
- A85143
Indian Summer
- A44E6B
≈ Raspberry Patch
- 9F5C14
≈ Tortoiseshell Specs
삼각 배색 +120° +240°
- A85143
Indian Summer
- 308149
≈ Bold Irish
- 5569B3
≈ Amparo Blue
분열 보색 +150° +210°
- A85143
Indian Summer
- 008171
≈ Tropical Green
- 1676AC
≈ Deluge
사각 배색 +90° +180° +270°
- A85143
Indian Summer
- 65781A
≈ Topiary Green
- 007D8D
≈ Metallic Seaweed
- 7A5DA8
≈ Genestealer Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.35:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.92:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.35:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--indian-summer: #a85143;
--indian-summer-rgb: 168 81 67;
--indian-summer-oklch: oklch(0.54 0.118 30.7);
}
.element {
color: var(--indian-summer);
background-color: hsl(8 43% 46%);
border-color: oklch(0.54 0.118 30.7);
}Tailwind CSS v4
@theme {
--color-indian-summer: #a85143;
--color-indian-summer-50: #ffeae0;
--color-indian-summer-100: #ffdacf;
--color-indian-summer-200: #ffc3b4;
--color-indian-summer-300: #eda191;
--color-indian-summer-400: #db8374;
--color-indian-summer-500: #c86555;
--color-indian-summer-600: #a95648;
--color-indian-summer-700: #884539;
--color-indian-summer-800: #65312a;
--color-indian-summer-900: #47211c;
--color-indian-summer-950: #2e100d;
}SCSS
$indian-summer: #a85143;
$indian-summer-rgb: 168, 81, 67;
$indian-summer-light: mix(#fff, $indian-summer, 20%);
$indian-summer-dark: mix(#000, $indian-summer, 20%);
.element {
color: $indian-summer;
box-shadow: 0 0 0 2px rgba($indian-summer, 0.35);
}