Nazwany kolor · #CEC3DD
Lavender Bliss
Lavender Bliss to #CEC3DD: rgb(206 195 221), hsl(265 28% 82%), oklch(0.834 0.038 304.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lavender Bliss color name →
#CEC3DD
oklch(0.834 0.038 304.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3C9E0
- D8CFE4
- DCD5E7
- E1DBEB
- E6E1EE
- EBE7F1
- F0EDF5
- F5F3F8
- FAF9FC
Odcienie ciemniejsze
- B3A9C0
- 9890A4
- 7F7888
- 66606E
- 4E4A55
- 38343D
- 232026
- 0F0E11
- 020202
Tony
- C6BCD3
- BEB5CA
- B6AEC0
- AEA8B7
- A6A1AD
- 9E9AA4
- 97949B
- 8F8D92
- 878689
Harmonie kolorów
Komplementarna +180°
- CEC3DD
Lavender Bliss
- C3CDB3
≈ Growing Season
Analogowa -30° +30°
- CEC3DD
Lavender Bliss
- C1C7E2
≈ Twilight Mist
- D9C0D3
≈ Lovely Pink
Triada +120° +240°
- CEC3DD
Lavender Bliss
- DBC4B0
≈ Hanover
- AED1CC
≈ Cassiopeia
Komplementarna rozszczepiona +150° +210°
- CEC3DD
Lavender Bliss
- D0C9AE
≈ Prairie House
- B6D0BE
≈ Pitcher
Tetrada +90° +180° +270°
- CEC3DD
Lavender Bliss
- E0C1B9
≈ Silver Peony
- C3CDB3
≈ Growing Season
- AECFD8
≈ Hisoku Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.47:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}