이름 색상 · #FE9A50
Autumn Splendour
Autumn Splendour은(는) #FE9A50: rgb(254 154 80), hsl(26 99% 65%), oklch(0.777 0.149 54.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Autumn Splendour color name →
#FE9A50
oklch(0.777 0.149 54.8)
색상 변환
- HEX
- #fe9a50
- RGB
- rgb(254 154 80)
- HSL
- hsl(26 99% 65%)
- HWB
- hwb(26 31% 0%)
- OKLCH
- oklch(0.777 0.149 54.8)
- OKLab
- oklab(0.777 0.086 0.122)
- CIE Lab
- lab(73.35 34.02 54.28)
- LCH
- lch(73.35 64.06 57.9)
- CMYK
- cmyk(0% 39% 69% 0%)
틴트 · 셰이드 · 톤
틴트
- FFA565
- FFAF78
- FFBA89
- FFC49B
- FFCEAC
- FFD8BD
- FFE2CD
- FFECDE
- FFF5EE
셰이드
- DD8544
- BD7139
- 9E5E2E
- 804B24
- 63391A
- 472710
- 2D1707
- 160902
- 030100
톤
- F19858
- E5965F
- D89464
- CC916A
- BF8F6E
- B38C73
- A68976
- 9A867A
- 8D837D
색 조화
보색 +180°
- FE9A50
Autumn Splendour
- 4FC3FF
≈ Shovel Knight
유사색 -30° +30°
- FE9A50
Autumn Splendour
- FF938C
≈ Lolly
- E2AD29
≈ Urobilin
삼각 배색 +120° +240°
- FE9A50
Autumn Splendour
- 00D4B1
≈ Channel Marker Green
- BCA5FF
≈ Diva
분열 보색 +150° +210°
- FE9A50
Autumn Splendour
- 00CEDE
≈ Jade Glass
- 93B5FF
≈ Carolina Blue
사각 배색 +90° +180° +270°
- FE9A50
Autumn Splendour
- 75CF78
≈ Snow Pea
- 4FC3FF
≈ Shovel Knight
- E593EB
≈ Diva Mecha
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.95:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--autumn-splendour: #fe9a50;
--autumn-splendour-rgb: 254 154 80;
--autumn-splendour-oklch: oklch(0.777 0.149 54.8);
}
.element {
color: var(--autumn-splendour);
background-color: hsl(26 99% 65%);
border-color: oklch(0.777 0.149 54.8);
}Tailwind CSS v4
@theme {
--color-autumn-splendour: #fe9a50;
--color-autumn-splendour-50: #ffebcc;
--color-autumn-splendour-100: #ffdcb8;
--color-autumn-splendour-200: #ffc495;
--color-autumn-splendour-300: #f1a369;
--color-autumn-splendour-400: #e0843d;
--color-autumn-splendour-500: #ce6500;
--color-autumn-splendour-600: #ae5600;
--color-autumn-splendour-700: #8c4500;
--color-autumn-splendour-800: #693000;
--color-autumn-splendour-900: #4a2102;
--color-autumn-splendour-950: #301000;
}SCSS
$autumn-splendour: #fe9a50;
$autumn-splendour-rgb: 254, 154, 80;
$autumn-splendour-light: mix(#fff, $autumn-splendour, 20%);
$autumn-splendour-dark: mix(#000, $autumn-splendour, 20%);
.element {
color: $autumn-splendour;
box-shadow: 0 0 0 2px rgba($autumn-splendour, 0.35);
}