Màu có tên gần nhất · #EE8F7B
#EE8F7B
Màu có tên gần nhất: Lox
#EE8F7B (rgb(238 143 123), hsl(10 77% 71%), oklch(0.745 0.12 32.7)) gần nhất với màu có tên Lox. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#EE8F7B
oklch(0.745 0.12 32.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F19B88
- F4A695
- F6B1A2
- F8BCAF
- FAC7BC
- FCD3C9
- FDDED7
- FEE9E4
- FFF4F1
Sắc đậm
- CF7C6A
- B1695A
- 93574A
- 77453A
- 5C342C
- 42241E
- 2A1510
- 140705
- 030101
Sắc xám
- E38E7C
- D88D7D
- CE8C7D
- C38A7E
- B8897F
- AD877F
- A2867F
- 978480
- 8B8280
Hòa sắc
Bổ túc +180°
- EE8F7B
Lox
- 31C0D9
≈ Caribbean Blue
Tương đồng -30° +30°
Bộ ba +120° +240°
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.37:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.85:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.85:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
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);
}