Benoemde kleur · #CEC3DD
Lavender Bliss
Lavender Bliss is #CEC3DD: rgb(206 195 221), hsl(265 28% 82%), oklch(0.834 0.038 304.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Lavender Bliss color name →
#CEC3DD
oklch(0.834 0.038 304.7)
Kleurconversies
- HEX
- #cec3dd
- RGB
- rgb(206 195 221)
- HSL
- hsl(265 28% 82%)
- HWB
- hwb(265 76% 13%)
- OKLCH
- oklch(0.834 0.038 304.7)
- OKLab
- oklab(0.834 0.021 -0.031)
- CIE Lab
- lab(80.31 7.59 -11.56)
- LCH
- lch(80.31 13.83 303.3)
- CMYK
- cmyk(7% 12% 0% 13%)
Tinten · Schaduwen · Tonen
Tinten
- D3C9E0
- D8CFE4
- DCD5E7
- E1DBEB
- E6E1EE
- EBE7F1
- F0EDF5
- F5F3F8
- FAF9FC
Schaduwen
- B3A9C0
- 9890A4
- 7F7888
- 66606E
- 4E4A55
- 38343D
- 232026
- 0F0E11
- 020202
Tonen
- C6BCD3
- BEB5CA
- B6AEC0
- AEA8B7
- A6A1AD
- 9E9AA4
- 97949B
- 8F8D92
- 878689
Kleurharmonieën
Complementair +180°
- CEC3DD
Lavender Bliss
- C3CDB3
≈ Growing Season
Analoog -30° +30°
- CEC3DD
Lavender Bliss
- C1C7E2
≈ Twilight Mist
- D9C0D3
≈ Lovely Pink
Triadisch +120° +240°
- CEC3DD
Lavender Bliss
- DBC4B0
≈ Hanover
- AED1CC
≈ Cassiopeia
Gesplitst complementair +150° +210°
- CEC3DD
Lavender Bliss
- D0C9AE
≈ Prairie House
- B6D0BE
≈ Pitcher
Tetradisch +90° +180° +270°
- CEC3DD
Lavender Bliss
- E0C1B9
≈ Silver Peony
- C3CDB3
≈ Growing Season
- AECFD8
≈ Hisoku Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.68:1 · APCA Lc 30
Ag
AAAOp zwart
WCAG 12.47:1 · APCA Lc 73
Beste tekstkleur: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--lavender-bliss: #cec3dd;
--lavender-bliss-rgb: 206 195 221;
--lavender-bliss-oklch: oklch(0.834 0.038 304.7);
}
.element {
color: var(--lavender-bliss);
background-color: hsl(265 28% 82%);
border-color: oklch(0.834 0.038 304.7);
}Tailwind CSS v4
@theme {
--color-lavender-bliss: #cec3dd;
--color-lavender-bliss-50: #f8f3fe;
--color-lavender-bliss-100: #ebe5f2;
--color-lavender-bliss-200: #d8d0e1;
--color-lavender-bliss-300: #bcb3c7;
--color-lavender-bliss-400: #a399b1;
--color-lavender-bliss-500: #8c809b;
--color-lavender-bliss-600: #766d83;
--color-lavender-bliss-700: #5f5769;
--color-lavender-bliss-800: #453f4d;
--color-lavender-bliss-900: #302c36;
--color-lavender-bliss-950: #1c1921;
}SCSS
$lavender-bliss: #cec3dd;
$lavender-bliss-rgb: 206, 195, 221;
$lavender-bliss-light: mix(#fff, $lavender-bliss, 20%);
$lavender-bliss-dark: mix(#000, $lavender-bliss, 20%);
.element {
color: $lavender-bliss;
box-shadow: 0 0 0 2px rgba($lavender-bliss, 0.35);
}