Màu có tên gần nhất · #E68A9C
#E68A9C
Màu có tên gần nhất: Xoxo
#E68A9C (rgb(230 138 156), hsl(348 65% 72%), oklch(0.735 0.114 7.6)) gần nhất với màu có tên Xoxo. 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.
#E68A9C
oklch(0.735 0.114 7.6)
Chuyển đổi màu
- HEX
- #e68a9c
- RGB
- rgb(230 138 156)
- HSL
- hsl(348 65% 72%)
- HWB
- hwb(348 54% 10%)
- OKLCH
- oklch(0.735 0.114 7.6)
- OKLab
- oklab(0.735 0.113 0.015)
- CIE Lab
- lab(67.9 37.48 6.32)
- LCH
- lch(67.9 38.01 9.6)
- CMYK
- cmyk(0% 40% 32% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EA96A5
- EDA2AF
- F0ADB9
- F3B9C3
- F6C5CC
- F8D0D6
- FADCE0
- FCE8EB
- FEF3F5
Sắc đậm
- C87787
- AB6573
- 8E535F
- 73424C
- 593239
- 402228
- 281418
- 130709
- 030101
Sắc xám
- DC8999
- D28996
- C88894
- BE8791
- B4868E
- AA858B
- A08488
- 958386
- 8B8183
Hòa sắc
Bổ túc +180°
- E68A9C
Xoxo
- 3AC0B6
≈ Tint of Turquoise
Tương đồng -30° +30°
- E68A9C
Xoxo
- D78DC3
≈ Cyclamen
- E78F74
≈ Middle Red
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- E68A9C
Xoxo
- 65BF8D
≈ Young Bamboo
- 3FBAD8
≈ Lake Thun
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.47:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.48:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.48:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
CSS
:root {
--xoxo: #e68a9c;
--xoxo-rgb: 230 138 156;
--xoxo-oklch: oklch(0.735 0.114 7.6);
}
.element {
color: var(--xoxo);
background-color: hsl(348 65% 72%);
border-color: oklch(0.735 0.114 7.6);
}Tailwind CSS v4
@theme {
--color-xoxo: #e68a9c;
--color-xoxo-50: #ffe8ee;
--color-xoxo-100: #ffd9df;
--color-xoxo-200: #ffc1c9;
--color-xoxo-300: #eb9faa;
--color-xoxo-400: #d78192;
--color-xoxo-500: #c46378;
--color-xoxo-600: #a65466;
--color-xoxo-700: #854351;
--color-xoxo-800: #63303d;
--color-xoxo-900: #45212a;
--color-xoxo-950: #2d1017;
}SCSS
$xoxo: #e68a9c;
$xoxo-rgb: 230, 138, 156;
$xoxo-light: mix(#fff, $xoxo, 20%);
$xoxo-dark: mix(#000, $xoxo, 20%);
.element {
color: $xoxo;
box-shadow: 0 0 0 2px rgba($xoxo, 0.35);
}