이름 색상 · #C1853B
Back to School
Back to School은(는) #C1853B: rgb(193 133 59), hsl(33 53% 49%), oklch(0.663 0.116 68.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Back to School color name →
#C1853B
oklch(0.663 0.116 68.9)
색상 변환
- HEX
- #c1853b
- RGB
- rgb(193 133 59)
- HSL
- hsl(33 53% 49%)
- HWB
- hwb(33 23% 24%)
- OKLCH
- oklch(0.663 0.116 68.9)
- OKLab
- oklab(0.663 0.042 0.108)
- CIE Lab
- lab(60.73 18.68 48.16)
- LCH
- lch(60.73 51.66 68.8)
- CMYK
- cmyk(0% 31% 69% 24%)
틴트 · 셰이드 · 톤
틴트
- C89152
- CE9D66
- D5A97A
- DBB68D
- E1C2A0
- E7CEB3
- EDDAC6
- F3E6D9
- F9F3EC
셰이드
- A77332
- 8F6129
- 775021
- 5F4019
- 493011
- 342109
- 201304
- 0E0601
- 020100
톤
- BB8545
- B4854E
- AE8456
- A8845D
- A18464
- 9B836A
- 948270
- 8D8275
- 87817B
색 조화
보색 +180°
- C1853B
Back to School
- 5698D7
≈ Winter Lake
유사색 -30° +30°
- C1853B
Back to School
- CF795C
≈ Clay Mug
- A59434
≈ Shimmering Glade
삼각 배색 +120° +240°
- C1853B
Back to School
- 00A9A1
≈ Tropical Hideaway
- A87FC9
≈ Wisteria
분열 보색 +150° +210°
- C1853B
Back to School
- 18A3C3
≈ Cyan Blue
- 848BD9
≈ Indigo Bloom
사각 배색 +90° +180° +270°
- C1853B
Back to School
- 4AA979
≈ Jubilant Jade
- 5698D7
≈ Winter Lake
- C176AB
≈ Bishop Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.14:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.68:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--back-to-school: #c1853b;
--back-to-school-rgb: 193 133 59;
--back-to-school-oklch: oklch(0.663 0.116 68.9);
}
.element {
color: var(--back-to-school);
background-color: hsl(33 53% 49%);
border-color: oklch(0.663 0.116 68.9);
}Tailwind CSS v4
@theme {
--color-back-to-school: #c1853b;
--color-back-to-school-50: #fff0d2;
--color-back-to-school-100: #ffe2be;
--color-back-to-school-200: #f4cd9e;
--color-back-to-school-300: #ddae74;
--color-back-to-school-400: #cb914d;
--color-back-to-school-500: #b77619;
--color-back-to-school-600: #9b6419;
--color-back-to-school-700: #7c5014;
--color-back-to-school-800: #5d390d;
--color-back-to-school-900: #412708;
--color-back-to-school-950: #291500;
}SCSS
$back-to-school: #c1853b;
$back-to-school-rgb: 193, 133, 59;
$back-to-school-light: mix(#fff, $back-to-school, 20%);
$back-to-school-dark: mix(#000, $back-to-school, 20%);
.element {
color: $back-to-school;
box-shadow: 0 0 0 2px rgba($back-to-school, 0.35);
}