Named color · #E4CBFF
Lens Flare Pink
Lens Flare Pink is #E4CBFF: rgb(228 203 255), hsl(269 100% 90%), oklch(0.88 0.075 306.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Lens Flare Pink color name →
#E4CBFF
oklch(0.88 0.075 306.7)
Color conversions
- HEX
- #e4cbff
- RGB
- rgb(228 203 255)
- HSL
- hsl(269 100% 90%)
- HWB
- hwb(269 80% 0%)
- OKLCH
- oklch(0.88 0.075 306.7)
- OKLab
- oklab(0.88 0.045 -0.06)
- CIE Lab
- lab(85.07 16.16 -22.28)
- LCH
- lch(85.07 27.52 306)
- CMYK
- cmyk(11% 20% 0% 0%)
Tints · Shades · Tones
Tints
- E7D0FF
- E9D5FF
- ECDBFF
- EFE0FF
- F1E5FF
- F4EAFF
- F7EFFF
- FAF5FF
- FCFAFF
Shades
- C6B0DE
- A996BE
- 8D7D9E
- 726580
- 584D63
- 3F3748
- 28222E
- 120F16
- 030203
Tones
- DAC3F2
- CFBCE5
- C5B4D8
- BBACCB
- B1A5BE
- A79DB1
- 9D96A5
- 938F98
- 8A878C
Color harmonies
Complementary +180°
- E4CBFF
Lens Flare Pink
- CAE1AC
≈ Viridine Green
Analogous -30° +30°
- E4CBFF
Lens Flare Pink
- CDD5FF
≈ Pale Phthalo Blue
- F8C5EA
≈ Sugarwinkle
Triadic +120° +240°
- E4CBFF
Lens Flare Pink
- FACEA3
≈ Lion Cub
- 9DE8DF
≈ Sea Glass Teal
Split-complementary +150° +210°
- E4CBFF
Lens Flare Pink
- E5D89F
≈ Crystal Yellow
- AFE7C3
≈ Glaucous Green
Tetradic +90° +180° +270°
- E4CBFF
Lens Flare Pink
- FFC9B9
≈ Ending Dawn
- CAE1AC
≈ Viridine Green
- 9DE4F8
≈ Ganon Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.47:1 · APCA Lc 22
Ag
AAAOn black
WCAG 14.28:1 · APCA Lc 81
Best text color: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--lens-flare-pink: #e4cbff;
--lens-flare-pink-rgb: 228 203 255;
--lens-flare-pink-oklch: oklch(0.88 0.075 306.7);
}
.element {
color: var(--lens-flare-pink);
background-color: hsl(269 100% 90%);
border-color: oklch(0.88 0.075 306.7);
}Tailwind CSS v4
@theme {
--color-lens-flare-pink: #e4cbff;
--color-lens-flare-pink-50: #fbf0ff;
--color-lens-flare-pink-100: #efe2fc;
--color-lens-flare-pink-200: #ddcced;
--color-lens-flare-pink-300: #c2add5;
--color-lens-flare-pink-400: #aa93c2;
--color-lens-flare-pink-500: #9379ae;
--color-lens-flare-pink-600: #7c6793;
--color-lens-flare-pink-700: #635276;
--color-lens-flare-pink-800: #483c58;
--color-lens-flare-pink-900: #32293d;
--color-lens-flare-pink-950: #1e1727;
}SCSS
$lens-flare-pink: #e4cbff;
$lens-flare-pink-rgb: 228, 203, 255;
$lens-flare-pink-light: mix(#fff, $lens-flare-pink, 20%);
$lens-flare-pink-dark: mix(#000, $lens-flare-pink, 20%);
.element {
color: $lens-flare-pink;
box-shadow: 0 0 0 2px rgba($lens-flare-pink, 0.35);
}