最接近的命名颜色 · #EE506B
#EE506B
最接近的命名颜色: Pink Pepper
#EE506B（rgb(238 80 107)、hsl(350 82% 62%)、oklch(0.654 0.193 14.3)）最接近命名颜色 Pink Pepper。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EE506B
oklch(0.654 0.193 14.3)
颜色转换
- HEX
- #ee506b
- RGB
- rgb(238 80 107)
- HSL
- hsl(350 82% 62%)
- HWB
- hwb(350 31% 7%)
- OKLCH
- oklch(0.654 0.193 14.3)
- OKLab
- oklab(0.654 0.187 0.048)
- CIE Lab
- lab(57.72 62.69 20.57)
- LCH
- lch(57.72 65.98 18.2)
- CMYK
- cmyk(0% 66% 55% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F26579
- F67887
- FA8A96
- FC9CA4
- FFADB3
- FFBDC2
- FFCED1
- FFDEE0
- FFEFEF
深色调
- CF445C
- B1394E
- 932E3F
- 772432
- 5C1A25
- 421018
- 2A070D
- 140204
- 030000
灰色调
- E4586D
- DA5F70
- D06572
- C66A74
- BB6F76
- B07378
- A5777A
- 997A7C
- 8D7D7E
配色和谐
互补色 +180°
- EE506B
Pink Pepper
- 00A5A5
≈ Wax Crayon Blue
类似色 -30° +30°
- EE506B
Pink Pepper
- DD55AC
≈ Orion
- EA5F00
≈ Shu Red
三角配色 +120° +240°
- EE506B
Pink Pepper
- 5AA800
≈ Ruminant’s Paradise
- 2A90FF
≈ Clear Chill
分裂互补色 +150° +210°
- EE506B
Pink Pepper
- 00AA7A
≈ Dragon Scale
- 009FC8
≈ Blue Ocean
四角配色 +90° +180° +270°
- EE506B
Pink Pepper
- 9F9400
≈ Papyrus
- 00A5A5
≈ Wax Crayon Blue
- 8779FF
≈ Bainganī
对比度与无障碍
Ag
Fail白底
WCAG 3.50:1 · APCA Lc 62
Ag
AA黑底
WCAG 5.99:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 5.99:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--pink-pepper: #ee506b;
--pink-pepper-rgb: 238 80 107;
--pink-pepper-oklch: oklch(0.654 0.193 14.3);
}
.element {
color: var(--pink-pepper);
background-color: hsl(350 82% 62%);
border-color: oklch(0.654 0.193 14.3);
}Tailwind CSS v4
@theme {
--color-pink-pepper: #ee506b;
--color-pink-pepper-50: #ffdfe2;
--color-pink-pepper-100: #ffced2;
--color-pink-pepper-200: #ffb1b8;
--color-pink-pepper-300: #ff8a95;
--color-pink-pepper-400: #fb647a;
--color-pink-pepper-500: #e9375d;
--color-pink-pepper-600: #c5314f;
--color-pink-pepper-700: #9e273f;
--color-pink-pepper-800: #761a30;
--color-pink-pepper-900: #541120;
--color-pink-pepper-950: #370310;
}SCSS
$pink-pepper: #ee506b;
$pink-pepper-rgb: 238, 80, 107;
$pink-pepper-light: mix(#fff, $pink-pepper, 20%);
$pink-pepper-dark: mix(#000, $pink-pepper, 20%);
.element {
color: $pink-pepper;
box-shadow: 0 0 0 2px rgba($pink-pepper, 0.35);
}