命名颜色 · #FF9988
Amber Sun
Amber Sun 即 #FF9988：rgb(255 153 136)、hsl(9 100% 77%)、oklch(0.785 0.126 30.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Amber Sun color name →
#FF9988
oklch(0.785 0.126 30.3)
颜色转换
- HEX
- #ff9988
- RGB
- rgb(255 153 136)
- HSL
- hsl(9 100% 77%)
- HWB
- hwb(9 53% 0%)
- OKLCH
- oklch(0.785 0.126 30.3)
- OKLab
- oklab(0.785 0.109 0.063)
- CIE Lab
- lab(73.92 37.84 26.18)
- LCH
- lch(73.92 46.02 34.7)
- CMYK
- cmyk(0% 40% 47% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFA494
- FFAEA0
- FFB8AB
- FFC3B7
- FFCDC3
- FFD7CF
- FFE1DB
- FFEBE7
- FFF5F3
深色调
- DE8475
- BE7063
- 9E5D52
- 804A41
- 633831
- 482722
- 2E1713
- 160806
- 030101
灰色调
- F29788
- E69587
- D99386
- CD9086
- C08E85
- B38B84
- A78983
- 9A8682
- 8D8381
配色和谐
互补色 +180°
- FF9988
Amber Sun
- 33CEE5
≈ Picnic Day Sky
类似色 -30° +30°
- FF9988
Amber Sun
- FA96B5
≈ Baker-Miller Pink
- F3A561
≈ Sandy Brown
三角配色 +120° +240°
- FF9988
Amber Sun
- 7AD08E
≈ Jube Green
- 9EB5FF
≈ Truesky Gloxym
分裂互补色 +150° +210°
- FF9988
Amber Sun
- 41D3BC
≈ Turquoise Panic
- 69C3FF
≈ Maya Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.16:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--amber-sun: #ff9988;
--amber-sun-rgb: 255 153 136;
--amber-sun-oklch: oklch(0.785 0.126 30.3);
}
.element {
color: var(--amber-sun);
background-color: hsl(9 100% 77%);
border-color: oklch(0.785 0.126 30.3);
}Tailwind CSS v4
@theme {
--color-amber-sun: #ff9988;
--color-amber-sun-50: #ffe9df;
--color-amber-sun-100: #ffd9ce;
--color-amber-sun-200: #ffc1b3;
--color-amber-sun-300: #f19f8f;
--color-amber-sun-400: #df8171;
--color-amber-sun-500: #cc6252;
--color-amber-sun-600: #ac5346;
--color-amber-sun-700: #8a4237;
--color-amber-sun-800: #672f29;
--color-amber-sun-900: #48201b;
--color-amber-sun-950: #2f0f0c;
}SCSS
$amber-sun: #ff9988;
$amber-sun-rgb: 255, 153, 136;
$amber-sun-light: mix(#fff, $amber-sun, 20%);
$amber-sun-dark: mix(#000, $amber-sun, 20%);
.element {
color: $amber-sun;
box-shadow: 0 0 0 2px rgba($amber-sun, 0.35);
}