最接近的命名颜色 · #FEA6A2
#FEA6A2
最接近的命名颜色: Her Majesty
#FEA6A2（rgb(254 166 162)、hsl(3 98% 82%)、oklch(0.811 0.105 22.5)）最接近命名颜色 Her Majesty。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FEA6A2
oklch(0.811 0.105 22.5)
颜色转换
- HEX
- #fea6a2
- RGB
- rgb(254 166 162)
- HSL
- hsl(3 98% 82%)
- HWB
- hwb(3 64% 0%)
- OKLCH
- oklch(0.811 0.105 22.5)
- OKLab
- oklab(0.811 0.097 0.04)
- CIE Lab
- lab(77.03 33.05 16.26)
- LCH
- lch(77.03 36.83 26.2)
- CMYK
- cmyk(0% 35% 36% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFAFAB
- FFB8B4
- FFC1BD
- FFCAC7
- FFD3D0
- FFDCD9
- FFE5E3
- FFEDEC
- FFF6F5
深色调
- DD908C
- BD7A77
- 9E6563
- 80514F
- 633E3C
- 472B2A
- 2D1A19
- 160A0A
- 030101
灰色调
- F1A29F
- E59F9B
- D89B98
- CB9795
- BF9491
- B2908E
- A68C8A
- 998887
- 8D8483
配色和谐
互补色 +180°
- FEA6A2
Her Majesty
- 62D5DF
≈ Aquamarine Blue
类似色 -30° +30°
- FEA6A2
Her Majesty
- F6A5C8
≈ Rogue Pink
- F7AE81
≈ Orange Chiffon
三角配色 +120° +240°
- FEA6A2
Her Majesty
- 99D394
≈ Young Greens
- A0C2FF
≈ Pastel Blue
分裂互补色 +150° +210°
- FEA6A2
Her Majesty
- 72D7BA
≈ Peppy
- 76CDFA
≈ Bubbly Barracuda
四角配色 +90° +180° +270°
- FEA6A2
Her Majesty
- C2C877
≈ Greenish Tan
- 62D5DF
≈ Aquamarine Blue
- C3B5FF
≈ Greyish Lavender
对比度与无障碍
Ag
Fail白底
WCAG 1.87:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.19:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--her-majesty: #fea6a2;
--her-majesty-rgb: 254 166 162;
--her-majesty-oklch: oklch(0.811 0.105 22.5);
}
.element {
color: var(--her-majesty);
background-color: hsl(3 98% 82%);
border-color: oklch(0.811 0.105 22.5);
}Tailwind CSS v4
@theme {
--color-her-majesty: #fea6a2;
--color-her-majesty-50: #ffeae6;
--color-her-majesty-100: #ffdbd7;
--color-her-majesty-200: #fec4be;
--color-her-majesty-300: #e8a39d;
--color-her-majesty-400: #d58582;
--color-her-majesty-500: #c26866;
--color-her-majesty-600: #a45856;
--color-her-majesty-700: #844645;
--color-her-majesty-800: #623233;
--color-her-majesty-900: #452222;
--color-her-majesty-950: #2c1112;
}SCSS
$her-majesty: #fea6a2;
$her-majesty-rgb: 254, 166, 162;
$her-majesty-light: mix(#fff, $her-majesty, 20%);
$her-majesty-dark: mix(#000, $her-majesty, 20%);
.element {
color: $her-majesty;
box-shadow: 0 0 0 2px rgba($her-majesty, 0.35);
}