Màu có tên gần nhất · #EBBBE5
#EBBBE5
Màu có tên gần nhất: Purple’s Baby Sister
#EBBBE5 (rgb(235 187 229), hsl(308 55% 83%), oklch(0.847 0.078 330.5)) gần nhất với màu có tên Purple’s Baby Sister. 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.
#EBBBE5
oklch(0.847 0.078 330.5)
Chuyển đổi màu
- HEX
- #ebbbe5
- RGB
- rgb(235 187 229)
- HSL
- hsl(308 55% 83%)
- HWB
- hwb(308 73% 8%)
- OKLCH
- oklch(0.847 0.078 330.5)
- OKLab
- oklab(0.847 0.068 -0.038)
- CIE Lab
- lab(81.21 22.89 -14.15)
- LCH
- lch(81.21 26.91 328.3)
- CMYK
- cmyk(0% 20% 3% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDC2E8
- EFC9EA
- F2CFED
- F4D6F0
- F6DDF2
- F8E4F5
- FAEBF7
- FBF1FA
- FDF8FC
Sắc đậm
- CCA2C7
- AE8AAA
- 91738E
- 755C72
- 5B4658
- 41323F
- 291F28
- 130D12
- 030203
Sắc xám
- E0B5DA
- D5AFD0
- CAA9C6
- BFA3BB
- B59DB1
- AA97A7
- 9F929D
- 958C93
- 8A868A
Hòa sắc
Bổ túc +180°
- EBBBE5
Purple’s Baby Sister
- A9DCB3
≈ Celtic Spring
Tương đồng -30° +30°
- EBBBE5
Purple’s Baby Sister
- D5C2F9
≈ Innocent Snowdrop
- F9B8CA
≈ Christy’s Smile
Bộ ba +120° +240°
- EBBBE5
Purple’s Baby Sister
- E0CB92
≈ Sonoma Chardonnay
- 8FDBE9
≈ Tanager Turquoise
Bổ túc chia +150° +210°
- EBBBE5
Purple’s Baby Sister
- C6D59C
≈ Pistachio Cream
- 93DECF
≈ Pale Robin Egg Blue
Bộ bốn +90° +180° +270°
- EBBBE5
Purple’s Baby Sister
- F3C29A
≈ Almond Cream
- A9DCB3
≈ Celtic Spring
- 9FD4FB
≈ Malmö FF
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.64:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.77:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--purple-s-baby-sister: #ebbbe5;
--purple-s-baby-sister-rgb: 235 187 229;
--purple-s-baby-sister-oklch: oklch(0.847 0.078 330.5);
}
.element {
color: var(--purple-s-baby-sister);
background-color: hsl(308 55% 83%);
border-color: oklch(0.847 0.078 330.5);
}Tailwind CSS v4
@theme {
--color-purple-s-baby-sister: #ebbbe5;
--color-purple-s-baby-sister-50: #ffedff;
--color-purple-s-baby-sister-100: #f8dff3;
--color-purple-s-baby-sister-200: #e9c9e3;
--color-purple-s-baby-sister-300: #d0a9c9;
--color-purple-s-baby-sister-400: #b98eb4;
--color-purple-s-baby-sister-500: #a4739e;
--color-purple-s-baby-sister-600: #8b6286;
--color-purple-s-baby-sister-700: #6f4e6b;
--color-purple-s-baby-sister-800: #513950;
--color-purple-s-baby-sister-900: #392738;
--color-purple-s-baby-sister-950: #231522;
}SCSS
$purple-s-baby-sister: #ebbbe5;
$purple-s-baby-sister-rgb: 235, 187, 229;
$purple-s-baby-sister-light: mix(#fff, $purple-s-baby-sister, 20%);
$purple-s-baby-sister-dark: mix(#000, $purple-s-baby-sister, 20%);
.element {
color: $purple-s-baby-sister;
box-shadow: 0 0 0 2px rgba($purple-s-baby-sister, 0.35);
}