이름 색상 · #BE7D33
Autumn Fest
Autumn Fest은(는) #BE7D33: rgb(190 125 51), hsl(32 58% 47%), oklch(0.644 0.119 65.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Autumn Fest color name →
#BE7D33
oklch(0.644 0.119 65.9)
색상 변환
- HEX
- #be7d33
- RGB
- rgb(190 125 51)
- HSL
- hsl(32 58% 47%)
- HWB
- hwb(32 20% 25%)
- OKLCH
- oklch(0.644 0.119 65.9)
- OKLab
- oklab(0.644 0.049 0.109)
- CIE Lab
- lab(58.38 21.29 49.3)
- LCH
- lch(58.38 53.7 66.6)
- CMYK
- cmyk(0% 34% 73% 25%)
틴트 · 셰이드 · 톤
틴트
- C58A4B
- CC9761
- D3A475
- DAB189
- E0BE9C
- E7CBB0
- EDD8C4
- F3E5D7
- F9F2EB
셰이드
- A56C2B
- 8C5B23
- 754B1C
- 5E3B14
- 482C0D
- 331E07
- 1F1103
- 0D0501
- 020100
톤
- B87E3F
- B27E48
- AC7F51
- A67F59
- A08060
- 9A8067
- 93806E
- 8D8074
- 87807A
색 조화
보색 +180°
- BE7D33
Autumn Fest
- 4893D1
≈ Delphinium Corsage
유사색 -30° +30°
- BE7D33
Autumn Fest
- CB7159
≈ Japonica
- A38C26
≈ Faint Green
삼각 배색 +120° +240°
- BE7D33
Autumn Fest
- 00A397
≈ Tyrolite Blue-Green
- 9F79C7
≈ Wisteria
분열 보색 +150° +210°
- BE7D33
Autumn Fest
- 009EB9
≈ Brilliant Sea
- 7A86D5
≈ Tanzine
사각 배색 +90° +180° +270°
- BE7D33
Autumn Fest
- 46A36E
≈ Linoleum Green
- 4893D1
≈ Delphinium Corsage
- BA70A9
≈ Crocus
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.40:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.17:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--autumn-fest: #be7d33;
--autumn-fest-rgb: 190 125 51;
--autumn-fest-oklch: oklch(0.644 0.119 65.9);
}
.element {
color: var(--autumn-fest);
background-color: hsl(32 58% 47%);
border-color: oklch(0.644 0.119 65.9);
}Tailwind CSS v4
@theme {
--color-autumn-fest: #be7d33;
--color-autumn-fest-50: #fff0d1;
--color-autumn-fest-100: #ffe1be;
--color-autumn-fest-200: #f7cb9d;
--color-autumn-fest-300: #e0ac73;
--color-autumn-fest-400: #ce8f4c;
--color-autumn-fest-500: #bb7316;
--color-autumn-fest-600: #9e6217;
--color-autumn-fest-700: #7e4e13;
--color-autumn-fest-800: #5f380c;
--color-autumn-fest-900: #422608;
--color-autumn-fest-950: #2a1400;
}SCSS
$autumn-fest: #be7d33;
$autumn-fest-rgb: 190, 125, 51;
$autumn-fest-light: mix(#fff, $autumn-fest, 20%);
$autumn-fest-dark: mix(#000, $autumn-fest, 20%);
.element {
color: $autumn-fest;
box-shadow: 0 0 0 2px rgba($autumn-fest, 0.35);
}