Màu có tên · #FFAA4A
Five Star
Five Star là #FFAA4A: rgb(255 170 74), hsl(32 100% 65%), oklch(0.805 0.148 65.9). 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? → · Five Star color name →
#FFAA4A
oklch(0.805 0.148 65.9)
Chuyển đổi màu
- HEX
- #ffaa4a
- RGB
- rgb(255 170 74)
- HSL
- hsl(32 100% 65%)
- HWB
- hwb(32 29% 0%)
- OKLCH
- oklch(0.805 0.148 65.9)
- OKLab
- oklab(0.805 0.06 0.135)
- CIE Lab
- lab(76.97 26.29 60.71)
- LCH
- lch(76.97 66.16 66.6)
- CMYK
- cmyk(0% 33% 71% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFB361
- FFBC75
- FFC588
- FFCD9A
- FFD6AB
- FFDEBC
- FFE6CD
- FFEFDE
- FFF7EE
Sắc đậm
- DE933F
- BE7D35
- 9E682A
- 805320
- 633F17
- 482D0E
- 2E1B06
- 160B02
- 030100
Sắc xám
- F2A654
- E5A25C
- D99E63
- CC9A69
- BF966E
- B29272
- A68E76
- 99897A
- 8D857D
Hòa sắc
Bổ túc +180°
- FFAA4A
Five Star
- 85C6FF
≈ Chromis Damsel Blue
Tương đồng -30° +30°
- FFAA4A
Five Star
- FFA58C
≈ Citrus Hill
- DCBE3A
≈ Wax
Bộ ba +120° +240°
- FFAA4A
Five Star
- 00DCCD
≈ Mint Morning
- D3AAFF
≈ Purple Hepatica
Bổ túc chia +150° +210°
- FFAA4A
Five Star
- 00D5F9
≈ Neon Blue
- AEBAFF
≈ Greyish Lavender
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.89:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.10:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--five-star: #ffaa4a;
--five-star-rgb: 255 170 74;
--five-star-oklch: oklch(0.805 0.148 65.9);
}
.element {
color: var(--five-star);
background-color: hsl(32 100% 65%);
border-color: oklch(0.805 0.148 65.9);
}Tailwind CSS v4
@theme {
--color-five-star: #ffaa4a;
--color-five-star-50: #ffeec9;
--color-five-star-100: #ffdfb3;
--color-five-star-200: #ffc98f;
--color-five-star-300: #e9a85f;
--color-five-star-400: #d88a2c;
--color-five-star-500: #c66d00;
--color-five-star-600: #a75d00;
--color-five-star-700: #864a00;
--color-five-star-800: #643500;
--color-five-star-900: #472400;
--color-five-star-950: #2e1200;
}SCSS
$five-star: #ffaa4a;
$five-star-rgb: 255, 170, 74;
$five-star-light: mix(#fff, $five-star, 20%);
$five-star-dark: mix(#000, $five-star, 20%);
.element {
color: $five-star;
box-shadow: 0 0 0 2px rgba($five-star, 0.35);
}