Màu có tên · #EEBBEE
Lovecloud
Lovecloud là #EEBBEE: rgb(238 187 238), hsl(300 60% 83%), oklch(0.853 0.089 326.3). 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.
What does Purple mean? → · Lovecloud color name →
#EEBBEE
oklch(0.853 0.089 326.3)
Chuyển đổi màu
- HEX
- #eebbee
- RGB
- rgb(238 187 238)
- HSL
- hsl(300 60% 83%)
- HWB
- hwb(300 73% 7%)
- OKLCH
- oklch(0.853 0.089 326.3)
- OKLab
- oklab(0.853 0.074 -0.049)
- CIE Lab
- lab(81.75 25.15 -18.13)
- LCH
- lch(81.75 31 324.2)
- CMYK
- cmyk(0% 21% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0C2F0
- F2C9F2
- F4CFF3
- F5D6F5
- F7DDF7
- F9E4F9
- FAEBFA
- FCF1FC
- FEF8FD
Sắc đậm
- CFA2CF
- B18AB1
- 937393
- 775C77
- 5C465C
- 423242
- 2A1F2A
- 140D14
- 030203
Sắc xám
- E3B5E3
- D7AFD7
- CCA9CC
- C1A3C1
- B69DB6
- AB98AB
- A092A0
- 958C95
- 8B868B
Hòa sắc
Bổ túc +180°
- EEBBEE
Lovecloud
- A9DFAD
≈ Vers de Terre
Tương đồng -30° +30°
- EEBBEE
Lovecloud
- D3C4FF
≈ Innocent Snowdrop
- FFB7D0
≈ Baby Pink
Bộ ba +120° +240°
- EEBBEE
Lovecloud
- E8CB8B
≈ Lol Yellow
- 85E0EC
≈ Photon Barrier
Bổ túc chia +150° +210°
- EEBBEE
Lovecloud
- CBD794
≈ Lickety Split
- 8DE2CD
≈ Sea Foam
Bộ bốn +90° +180° +270°
- EEBBEE
Lovecloud
- FCC096
≈ Wispy White
- A9DFAD
≈ Vers de Terre
- 99D8FF
≈ Shiva Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.61:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.97:1 · APCA Lc 75
Màu chữ tốt nhất: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Đoạn mã
CSS
:root {
--lovecloud: #eebbee;
--lovecloud-rgb: 238 187 238;
--lovecloud-oklch: oklch(0.853 0.089 326.3);
}
.element {
color: var(--lovecloud);
background-color: hsl(300 60% 83%);
border-color: oklch(0.853 0.089 326.3);
}Tailwind CSS v4
@theme {
--color-lovecloud: #eebbee;
--color-lovecloud-50: #ffedff;
--color-lovecloud-100: #f9def7;
--color-lovecloud-200: #eac7e8;
--color-lovecloud-300: #d1a8ce;
--color-lovecloud-400: #ba8cba;
--color-lovecloud-500: #a571a5;
--color-lovecloud-600: #8b608c;
--color-lovecloud-700: #704c70;
--color-lovecloud-800: #523854;
--color-lovecloud-900: #39263a;
--color-lovecloud-950: #231424;
}SCSS
$lovecloud: #eebbee;
$lovecloud-rgb: 238, 187, 238;
$lovecloud-light: mix(#fff, $lovecloud, 20%);
$lovecloud-dark: mix(#000, $lovecloud, 20%);
.element {
color: $lovecloud;
box-shadow: 0 0 0 2px rgba($lovecloud, 0.35);
}