命名颜色 · #EE66BB
Crumbly Lipstick
Crumbly Lipstick 即 #EE66BB：rgb(238 102 187)、hsl(323 80% 67%)、oklch(0.704 0.191 344.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Crumbly Lipstick color name →
#EE66BB
oklch(0.704 0.191 344.7)
颜色转换
- HEX
- #ee66bb
- RGB
- rgb(238 102 187)
- HSL
- hsl(323 80% 67%)
- HWB
- hwb(323 40% 7%)
- OKLCH
- oklch(0.704 0.191 344.7)
- OKLab
- oklab(0.704 0.184 -0.05)
- CIE Lab
- lab(62.98 59.95 -18.24)
- LCH
- lch(62.98 62.66 343.1)
- CMYK
- cmyk(0% 57% 21% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F277C2
- F587C9
- F897CF
- FAA6D6
- FCB6DD
- FEC4E4
- FFD3EB
- FFE2F1
- FFF0F8
深色调
- CF58A2
- B14A8A
- 933C73
- 772F5C
- 5C2346
- 421732
- 2A0C1F
- 14040D
- 030002
灰色调
- E46BB5
- D96FAF
- CF72A9
- C475A3
- B9789D
- AE7A97
- A37C92
- 987D8C
- 8C7F86
配色和谐
互补色 +180°
- EE66BB
Crumbly Lipstick
- 00BC88
≈ Slime Girl
类似色 -30° +30°
- EE66BB
Crumbly Lipstick
- CB75F0
≈ Fake Love
- FF6279
≈ Kisses and Hugs
三角配色 +120° +240°
- EE66BB
Crumbly Lipstick
- AFA300
≈ Venom
- 00B0DD
≈ Blue Atoll
分裂互补色 +150° +210°
- EE66BB
Crumbly Lipstick
- 68B823
≈ Field Green
- 00B6B6
≈ Swagger
四角配色 +90° +180° +270°
- EE66BB
Crumbly Lipstick
- D58F00
≈ Harvest Eve Gold
- 00BC88
≈ Slime Girl
- 54A1FF
≈ Âbi Blue
对比度与无障碍
Ag
Fail白底
WCAG 2.89:1 · APCA Lc 55
Ag
AAA黑底
WCAG 7.25:1 · APCA Lc 47
最佳文字颜色: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
代码片段
CSS
:root {
--crumbly-lipstick: #ee66bb;
--crumbly-lipstick-rgb: 238 102 187;
--crumbly-lipstick-oklch: oklch(0.704 0.191 344.7);
}
.element {
color: var(--crumbly-lipstick);
background-color: hsl(323 80% 67%);
border-color: oklch(0.704 0.191 344.7);
}Tailwind CSS v4
@theme {
--color-crumbly-lipstick: #ee66bb;
--color-crumbly-lipstick-50: #ffe0ff;
--color-crumbly-lipstick-100: #ffcef5;
--color-crumbly-lipstick-200: #ffb2e4;
--color-crumbly-lipstick-300: #fc8ccb;
--color-crumbly-lipstick-400: #e969b8;
--color-crumbly-lipstick-500: #d740a3;
--color-crumbly-lipstick-600: #b5388a;
--color-crumbly-lipstick-700: #922d6e;
--color-crumbly-lipstick-800: #6c1f54;
--color-crumbly-lipstick-900: #4c153a;
--color-crumbly-lipstick-950: #320524;
}SCSS
$crumbly-lipstick: #ee66bb;
$crumbly-lipstick-rgb: 238, 102, 187;
$crumbly-lipstick-light: mix(#fff, $crumbly-lipstick, 20%);
$crumbly-lipstick-dark: mix(#000, $crumbly-lipstick, 20%);
.element {
color: $crumbly-lipstick;
box-shadow: 0 0 0 2px rgba($crumbly-lipstick, 0.35);
}