Màu có tên gần nhất · #E79F9B
#E79F9B
Màu có tên gần nhất: She Loves Pink
#E79F9B (rgb(231 159 155), hsl(3 61% 76%), oklch(0.771 0.087 22.8)) gần nhất với màu có tên She Loves Pink. 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.
#E79F9B
oklch(0.771 0.087 22.8)
Chuyển đổi màu
- HEX
- #e79f9b
- RGB
- rgb(231 159 155)
- HSL
- hsl(3 61% 76%)
- HWB
- hwb(3 61% 9%)
- OKLCH
- oklch(0.771 0.087 22.8)
- OKLab
- oklab(0.771 0.08 0.034)
- CIE Lab
- lab(72.64 27.21 13.52)
- LCH
- lch(72.64 30.38 26.4)
- CMYK
- cmyk(0% 31% 33% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EAA9A5
- EDB2AE
- F0BCB8
- F3C5C2
- F5CFCC
- F7D8D6
- FAE2E0
- FCECEA
- FDF5F5
Sắc đậm
- C98A86
- AB7572
- 8F615E
- 734D4B
- 593B39
- 402928
- 281818
- 130909
- 030101
Sắc xám
- DD9C98
- D29996
- C89693
- BE9390
- B4908E
- A98D8B
- 9F8A88
- 958785
- 8A8383
Hòa sắc
Bổ túc +180°
- E79F9B
She Loves Pink
- 6CC5CD
≈ Paradise Sky
Tương đồng -30° +30°
- E79F9B
She Loves Pink
- E19EBA
≈ Blushing Tulip
- E1A681
≈ Almost Apricot
Bộ ba +120° +240°
- E79F9B
She Loves Pink
- 94C391
≈ Velvet Leaf
- 97B5ED
≈ Adrift on the Nile
Bổ túc chia +150° +210°
- E79F9B
She Loves Pink
- 77C7AF
≈ Meridian Star
- 7ABFE3
≈ Bright Spark
Bộ bốn +90° +180° +270°
- E79F9B
She Loves Pink
- B5BB7A
≈ Lime Lollipop
- 6CC5CD
≈ Paradise Sky
- B6ABE8
≈ Maximum Blue Purple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.13:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.83:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--she-loves-pink: #e79f9b;
--she-loves-pink-rgb: 231 159 155;
--she-loves-pink-oklch: oklch(0.771 0.087 22.8);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(3 61% 76%);
border-color: oklch(0.771 0.087 22.8);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #e79f9b;
--color-she-loves-pink-50: #ffece9;
--color-she-loves-pink-100: #ffddda;
--color-she-loves-pink-200: #f7c7c2;
--color-she-loves-pink-300: #e1a7a1;
--color-she-loves-pink-400: #cd8a87;
--color-she-loves-pink-500: #b96e6b;
--color-she-loves-pink-600: #9c5e5b;
--color-she-loves-pink-700: #7d4b48;
--color-she-loves-pink-800: #5d3635;
--color-she-loves-pink-900: #412524;
--color-she-loves-pink-950: #291313;
}SCSS
$she-loves-pink: #e79f9b;
$she-loves-pink-rgb: 231, 159, 155;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);
.element {
color: $she-loves-pink;
box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}