Màu có tên gần nhất · #FA8998
#FA8998
Màu có tên gần nhất: Xoxo
#FA8998 (rgb(250 137 152), hsl(352 92% 76%), oklch(0.757 0.138 12.5)) 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.
#FA8998
oklch(0.757 0.138 12.5)
Chuyển đổi màu
- HEX
- #fa8998
- RGB
- rgb(250 137 152)
- HSL
- hsl(352 92% 76%)
- HWB
- hwb(352 54% 2%)
- OKLCH
- oklch(0.757 0.138 12.5)
- OKLab
- oklab(0.757 0.134 0.03)
- CIE Lab
- lab(70.25 44.92 12.29)
- LCH
- lch(70.25 46.57 15.3)
- CMYK
- cmyk(0% 45% 39% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FC95A2
- FEA2AC
- FFADB6
- FFB9C0
- FFC5CA
- FFD1D5
- FFDCDF
- FFE8EA
- FFF3F4
Sắc đậm
- D97684
- BA6470
- 9B535C
- 7D424A
- 613138
- 462227
- 2D1417
- 150708
- 030101
Sắc xám
- EE8996
- E28993
- D68891
- CA878E
- BE878C
- B2868A
- A68487
- 998385
- 8D8282
Hòa sắc
Bổ túc +180°
- FA8998
Xoxo
- 00C9C6
≈ Tilla Kari Mosque
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.30:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.09:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--xoxo: #fa8998;
--xoxo-rgb: 250 137 152;
--xoxo-oklch: oklch(0.757 0.138 12.5);
}
.element {
color: var(--xoxo);
background-color: hsl(352 92% 76%);
border-color: oklch(0.757 0.138 12.5);
}Tailwind CSS v4
@theme {
--color-xoxo: #fa8998;
--color-xoxo-50: #ffe6e9;
--color-xoxo-100: #ffd6da;
--color-xoxo-200: #ffbdc2;
--color-xoxo-300: #f59aa1;
--color-xoxo-400: #e37a88;
--color-xoxo-500: #d0596d;
--color-xoxo-600: #b04c5c;
--color-xoxo-700: #8d3d4a;
--color-xoxo-800: #692b37;
--color-xoxo-900: #4a1d26;
--color-xoxo-950: #300d14;
}SCSS
$xoxo: #fa8998;
$xoxo-rgb: 250, 137, 152;
$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);
}