Màu có tên gần nhất · #E79D9A
#E79D9A
Màu có tên gần nhất: She Loves Pink
#E79D9A (rgb(231 157 154), hsl(2 62% 75%), oklch(0.768 0.089 21.9)) 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.
#E79D9A
oklch(0.768 0.089 21.9)
Chuyển đổi màu
- HEX
- #e79d9a
- RGB
- rgb(231 157 154)
- HSL
- hsl(2 62% 75%)
- HWB
- hwb(2 60% 9%)
- OKLCH
- oklch(0.768 0.089 21.9)
- OKLab
- oklab(0.768 0.083 0.033)
- CIE Lab
- lab(72.17 28.13 13.41)
- LCH
- lch(72.17 31.16 25.5)
- CMYK
- cmyk(0% 32% 33% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EAA7A4
- EDB1AE
- F0BAB8
- F3C4C2
- F5CECC
- F7D8D6
- FAE1E0
- FCEBEA
- FDF5F5
Sắc đậm
- C98885
- AB7371
- 8F5F5E
- 734C4B
- 593A39
- 402827
- 281817
- 130909
- 030101
Sắc xám
- DD9A97
- D29895
- C89592
- BE9290
- B48F8D
- A98C8A
- 9F8988
- 958685
- 8A8383
Hòa sắc
Bổ túc +180°
- E79D9A
She Loves Pink
- 67C5CC
≈ Paradise Sky
Tương đồng -30° +30°
- E79D9A
She Loves Pink
- E09CB9
≈ Pink Begonia
- E1A47F
≈ Peachy Tint
Bộ ba +120° +240°
- E79D9A
She Loves Pink
- 93C28D
≈ Velvet Leaf
- 94B4ED
≈ Fly Away
Bổ túc chia +150° +210°
- E79D9A
She Loves Pink
- 74C6AD
≈ Meridian Star
- 76BEE3
≈ Costa Rica Blue
Bộ bốn +90° +180° +270°
- E79D9A
She Loves Pink
- B5BA76
≈ Lime Lollipop
- 67C5CC
≈ Paradise Sky
- B4AAE8
≈ Maximum Blue Purple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.16:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.68:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--she-loves-pink: #e79d9a;
--she-loves-pink-rgb: 231 157 154;
--she-loves-pink-oklch: oklch(0.768 0.089 21.9);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(2 62% 75%);
border-color: oklch(0.768 0.089 21.9);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #e79d9a;
--color-she-loves-pink-50: #ffece9;
--color-she-loves-pink-100: #ffddda;
--color-she-loves-pink-200: #f8c6c2;
--color-she-loves-pink-300: #e2a6a1;
--color-she-loves-pink-400: #ce8987;
--color-she-loves-pink-500: #ba6d6b;
--color-she-loves-pink-600: #9d5d5b;
--color-she-loves-pink-700: #7e4a49;
--color-she-loves-pink-800: #5e3535;
--color-she-loves-pink-900: #422424;
--color-she-loves-pink-950: #2a1313;
}SCSS
$she-loves-pink: #e79d9a;
$she-loves-pink-rgb: 231, 157, 154;
$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);
}