Màu có tên · #FE9A50
Autumn Splendour
Autumn Splendour là #FE9A50: rgb(254 154 80), hsl(26 99% 65%), oklch(0.777 0.149 54.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Autumn Splendour color name →
#FE9A50
oklch(0.777 0.149 54.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFA565
- FFAF78
- FFBA89
- FFC49B
- FFCEAC
- FFD8BD
- FFE2CD
- FFECDE
- FFF5EE
Sắc đậm
- DD8544
- BD7139
- 9E5E2E
- 804B24
- 63391A
- 472710
- 2D1707
- 160902
- 030100
Sắc xám
- F19858
- E5965F
- D89464
- CC916A
- BF8F6E
- B38C73
- A68976
- 9A867A
- 8D837D
Hòa sắc
Bổ túc +180°
- FE9A50
Autumn Splendour
- 4FC3FF
≈ Shovel Knight
Tương đồng -30° +30°
- FE9A50
Autumn Splendour
- FF938C
≈ Lolly
- E2AD29
≈ Urobilin
Bộ ba +120° +240°
- FE9A50
Autumn Splendour
- 00D4B1
≈ Channel Marker Green
- BCA5FF
≈ Diva
Bổ túc chia +150° +210°
- FE9A50
Autumn Splendour
- 00CEDE
≈ Jade Glass
- 93B5FF
≈ Carolina Blue
Bộ bốn +90° +180° +270°
- FE9A50
Autumn Splendour
- 75CF78
≈ Snow Pea
- 4FC3FF
≈ Shovel Knight
- E593EB
≈ Diva Mecha
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.11:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.95:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
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);
}