最接近的命名颜色 · #EE8F7B
#EE8F7B
最接近的命名颜色: Lox
#EE8F7B（rgb(238 143 123)、hsl(10 77% 71%)、oklch(0.745 0.12 32.7)）最接近命名颜色 Lox。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EE8F7B
oklch(0.745 0.12 32.7)
颜色转换
- HEX
- #ee8f7b
- RGB
- rgb(238 143 123)
- HSL
- hsl(10 77% 71%)
- HWB
- hwb(10 48% 7%)
- OKLCH
- oklch(0.745 0.12 32.7)
- OKLab
- oklab(0.745 0.101 0.065)
- CIE Lab
- lab(69.41 35.4 26.86)
- LCH
- lch(69.41 44.44 37.2)
- CMYK
- cmyk(0% 40% 48% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F19B88
- F4A695
- F6B1A2
- F8BCAF
- FAC7BC
- FCD3C9
- FDDED7
- FEE9E4
- FFF4F1
深色调
- CF7C6A
- B1695A
- 93574A
- 77453A
- 5C342C
- 42241E
- 2A1510
- 140705
- 030101
灰色调
- E38E7C
- D88D7D
- CE8C7D
- C38A7E
- B8897F
- AD877F
- A2867F
- 978480
- 8B8280
配色和谐
互补色 +180°
- EE8F7B
Lox
- 31C0D9
≈ Caribbean Blue
类似色 -30° +30°
三角配色 +120° +240°
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.37:1 · APCA Lc 46
Ag
AAA黑底
WCAG 8.85:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 8.85:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--lox: #ee8f7b;
--lox-rgb: 238 143 123;
--lox-oklch: oklch(0.745 0.12 32.7);
}
.element {
color: var(--lox);
background-color: hsl(10 77% 71%);
border-color: oklch(0.745 0.12 32.7);
}Tailwind CSS v4
@theme {
--color-lox: #ee8f7b;
--color-lox-50: #ffeadf;
--color-lox-100: #ffdacd;
--color-lox-200: #ffc3b2;
--color-lox-300: #eea18e;
--color-lox-400: #dc8370;
--color-lox-500: #c96551;
--color-lox-600: #aa5645;
--color-lox-700: #884437;
--color-lox-800: #653128;
--color-lox-900: #47211b;
--color-lox-950: #2e100b;
}SCSS
$lox: #ee8f7b;
$lox-rgb: 238, 143, 123;
$lox-light: mix(#fff, $lox, 20%);
$lox-dark: mix(#000, $lox, 20%);
.element {
color: $lox;
box-shadow: 0 0 0 2px rgba($lox, 0.35);
}