Màu có tên gần nhất · #E09F98
#E09F98
Màu có tên gần nhất: She Loves Pink
#E09F98 (rgb(224 159 152), hsl(6 54% 74%), oklch(0.763 0.079 25.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.
#E09F98
oklch(0.763 0.079 25.9)
Chuyển đổi màu
- HEX
- #e09f98
- RGB
- rgb(224 159 152)
- HSL
- hsl(6 54% 74%)
- HWB
- hwb(6 60% 12%)
- OKLCH
- oklch(0.763 0.079 25.9)
- OKLab
- oklab(0.763 0.071 0.034)
- CIE Lab
- lab(71.79 24.23 13.83)
- LCH
- lch(71.79 27.9 29.7)
- CMYK
- cmyk(0% 29% 32% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E4A9A2
- E7B2AC
- EBBCB6
- EEC5C0
- F1CFCB
- F4D8D5
- F7E2DF
- FAECEA
- FDF5F4
Sắc đậm
- C38A84
- A67570
- 8A615C
- 704D4A
- 563B38
- 3E2927
- 271817
- 120908
- 020101
Sắc xám
- D69C96
- CD9993
- C39691
- BA938F
- B0908C
- A68D8A
- 9D8A87
- 938685
- 8A8382
Hòa sắc
Bổ túc +180°
- E09F98
She Loves Pink
- 72C1CB
≈ Luna Moona
Tương đồng -30° +30°
- E09F98
She Loves Pink
- DB9DB4
≈ Haute Pink
- DAA581
≈ Windswept Canyon
Bộ ba +120° +240°
- E09F98
She Loves Pink
- 92C094
≈ Velvet Leaf
- 9BB1E5
≈ Myrtle Flower
Bổ túc chia +150° +210°
- E09F98
She Loves Pink
- 79C3B0
≈ Pale Jade
- 80BADE
≈ Enchanting
Bộ bốn +90° +180° +270°
- E09F98
She Loves Pink
- AFB97F
≈ Nile
- 72C1CB
≈ Luna Moona
- B6A8DF
≈ Grape Illusion
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.19:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.58:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--she-loves-pink: #e09f98;
--she-loves-pink-rgb: 224 159 152;
--she-loves-pink-oklch: oklch(0.763 0.079 25.9);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(6 54% 74%);
border-color: oklch(0.763 0.079 25.9);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #e09f98;
--color-she-loves-pink-50: #ffede9;
--color-she-loves-pink-100: #ffdfd9;
--color-she-loves-pink-200: #f4c8c2;
--color-she-loves-pink-300: #dda9a1;
--color-she-loves-pink-400: #c98d86;
--color-she-loves-pink-500: #b5716b;
--color-she-loves-pink-600: #99605b;
--color-she-loves-pink-700: #7a4d48;
--color-she-loves-pink-800: #5b3735;
--color-she-loves-pink-900: #402624;
--color-she-loves-pink-950: #281413;
}SCSS
$she-loves-pink: #e09f98;
$she-loves-pink-rgb: 224, 159, 152;
$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);
}