命名颜色 · #FA7B62
Akebono Dawn
Akebono Dawn 即 #FA7B62：rgb(250 123 98)、hsl(10 94% 68%)、oklch(0.725 0.161 32.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Akebono Dawn color name →
#FA7B62
oklch(0.725 0.161 32.6)
颜色转换
- HEX
- #fa7b62
- RGB
- rgb(250 123 98)
- HSL
- hsl(10 94% 68%)
- HWB
- hwb(10 38% 2%)
- OKLCH
- oklch(0.725 0.161 32.6)
- OKLab
- oklab(0.725 0.135 0.086)
- CIE Lab
- lab(66.68 48.14 37.44)
- LCH
- lch(66.68 60.99 37.9)
- CMYK
- cmyk(0% 51% 61% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FC8972
- FE9782
- FFA591
- FFB2A1
- FFBFB1
- FFCCC0
- FFD9D0
- FFE6DF
- FFF2EF
深色调
- D96A54
- BA5A47
- 9B4A3A
- 7D3A2D
- 612C21
- 461E16
- 2D100B
- 150503
- 030100
灰色调
- EE7D66
- E37E6A
- D77F6D
- CB8070
- BF8173
- B38176
- A78179
- 9A817B
- 8D817E
配色和谐
互补色 +180°
- FA7B62
Akebono Dawn
- 00BAD5
≈ Maldives
类似色 -30° +30°
- FA7B62
Akebono Dawn
- F6769D
≈ Embarrassed
- EB8C17
≈ Elden Ring Orange
三角配色 +120° +240°
- FA7B62
Akebono Dawn
- 41C273
≈ Iridescent Green
- 889FFF
≈ Periwinkle Blue
分裂互补色 +150° +210°
- FA7B62
Akebono Dawn
- 00C0AD
≈ Turquoise
- 34AFFF
≈ Fantasy Console Sky
四角配色 +90° +180° +270°
- FA7B62
Akebono Dawn
- 94B52D
≈ Sickly Green
- 00BAD5
≈ Maldives
- BA8BF8
≈ Lilac Geode
对比度与无障碍
Ag
Fail白底
WCAG 2.60:1 · APCA Lc 50
Ag
AAA黑底
WCAG 8.07:1 · APCA Lc 52
最佳文字颜色: #000000
WCAG 8.07:1 (AAA) · APCA Lc 52
Contrast pairs
代码片段
CSS
:root {
--akebono-dawn: #fa7b62;
--akebono-dawn-rgb: 250 123 98;
--akebono-dawn-oklch: oklch(0.725 0.161 32.6);
}
.element {
color: var(--akebono-dawn);
background-color: hsl(10 94% 68%);
border-color: oklch(0.725 0.161 32.6);
}Tailwind CSS v4
@theme {
--color-akebono-dawn: #fa7b62;
--color-akebono-dawn-50: #ffe6d7;
--color-akebono-dawn-100: #ffd5c4;
--color-akebono-dawn-200: #ffbca6;
--color-akebono-dawn-300: #fe987f;
--color-akebono-dawn-400: #ee765e;
--color-akebono-dawn-500: #dc5339;
--color-akebono-dawn-600: #ba4732;
--color-akebono-dawn-700: #953927;
--color-akebono-dawn-800: #6f281d;
--color-akebono-dawn-900: #4f1b13;
--color-akebono-dawn-950: #340a05;
}SCSS
$akebono-dawn: #fa7b62;
$akebono-dawn-rgb: 250, 123, 98;
$akebono-dawn-light: mix(#fff, $akebono-dawn, 20%);
$akebono-dawn-dark: mix(#000, $akebono-dawn, 20%);
.element {
color: $akebono-dawn;
box-shadow: 0 0 0 2px rgba($akebono-dawn, 0.35);
}