Nazwany kolor · #EEBBEE
Lovecloud
Lovecloud to #EEBBEE: rgb(238 187 238), hsl(300 60% 83%), oklch(0.853 0.089 326.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lovecloud color name →
#EEBBEE
oklch(0.853 0.089 326.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0C2F0
- F2C9F2
- F4CFF3
- F5D6F5
- F7DDF7
- F9E4F9
- FAEBFA
- FCF1FC
- FEF8FD
Odcienie ciemniejsze
- CFA2CF
- B18AB1
- 937393
- 775C77
- 5C465C
- 423242
- 2A1F2A
- 140D14
- 030203
Tony
- E3B5E3
- D7AFD7
- CCA9CC
- C1A3C1
- B69DB6
- AB98AB
- A092A0
- 958C95
- 8B868B
Harmonie kolorów
Komplementarna +180°
- EEBBEE
Lovecloud
- A9DFAD
≈ Vers de Terre
Analogowa -30° +30°
- EEBBEE
Lovecloud
- D3C4FF
≈ Innocent Snowdrop
- FFB7D0
≈ Baby Pink
Triada +120° +240°
- EEBBEE
Lovecloud
- E8CB8B
≈ Lol Yellow
- 85E0EC
≈ Photon Barrier
Komplementarna rozszczepiona +150° +210°
- EEBBEE
Lovecloud
- CBD794
≈ Lickety Split
- 8DE2CD
≈ Sea Foam
Tetrada +90° +180° +270°
- EEBBEE
Lovecloud
- FCC096
≈ Wispy White
- A9DFAD
≈ Vers de Terre
- 99D8FF
≈ Shiva Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.61:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.97:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
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);
}