Nazwany kolor · #EBC4BF
Gentle Kiss
Gentle Kiss to #EBC4BF: rgb(235 196 191), hsl(7 52% 84%), oklch(0.853 0.045 26.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Gentle Kiss color name →
#EBC4BF
oklch(0.853 0.045 26.6)
Konwersje koloru
- HEX
- #ebc4bf
- RGB
- rgb(235 196 191)
- HSL
- hsl(7 52% 84%)
- HWB
- hwb(7 75% 8%)
- OKLCH
- oklch(0.853 0.045 26.6)
- OKLab
- oklab(0.853 0.04 0.02)
- CIE Lab
- lab(82.49 13.73 7.98)
- LCH
- lch(82.49 15.88 30.2)
- CMYK
- cmyk(0% 17% 19% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDCAC5
- EFD0CC
- F1D6D2
- F4DBD8
- F6E1DF
- F8E7E5
- F9EDEC
- FBF3F2
- FDF9F8
Odcienie ciemniejsze
- CCAAA6
- AE918D
- 917875
- 75615E
- 5B4A48
- 413533
- 29211F
- 130E0D
- 030202
Tony
- E0BDB9
- D5B6B2
- CAAFAC
- BFA8A5
- B4A19F
- AA9B99
- 9F9492
- 958D8C
- 8A8786
Harmonie kolorów
Komplementarna +180°
- EBC4BF
Gentle Kiss
- ADD8DD
≈ Timeless
Analogowa -30° +30°
- EBC4BF
Gentle Kiss
- E8C3CF
≈ Misty Memories
- E6C8B3
≈ Mesquite Powder
Triada +120° +240°
- EBC4BF
Gentle Kiss
- BCD7BE
≈ Namaste
- C1CFED
≈ Maritime
Komplementarna rozszczepiona +150° +210°
- EBC4BF
Gentle Kiss
- B0D9CE
≈ Scandal
- B4D4E9
≈ Light Sea Cliff
Tetrada +90° +180° +270°
- EBC4BF
Gentle Kiss
- CCD3B2
≈ Meadow Glen
- ADD8DD
≈ Timeless
- D1C9E9
≈ Italian Fitch
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.18:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--gentle-kiss: #ebc4bf;
--gentle-kiss-rgb: 235 196 191;
--gentle-kiss-oklch: oklch(0.853 0.045 26.6);
}
.element {
color: var(--gentle-kiss);
background-color: hsl(7 52% 84%);
border-color: oklch(0.853 0.045 26.6);
}Tailwind CSS v4
@theme {
--color-gentle-kiss: #ebc4bf;
--color-gentle-kiss-50: #fff1ee;
--color-gentle-kiss-100: #f7e3df;
--color-gentle-kiss-200: #e7cec9;
--color-gentle-kiss-300: #ceafaa;
--color-gentle-kiss-400: #b89590;
--color-gentle-kiss-500: #a27b76;
--color-gentle-kiss-600: #896864;
--color-gentle-kiss-700: #6e5350;
--color-gentle-kiss-800: #513c3b;
--color-gentle-kiss-900: #382a28;
--color-gentle-kiss-950: #231716;
}SCSS
$gentle-kiss: #ebc4bf;
$gentle-kiss-rgb: 235, 196, 191;
$gentle-kiss-light: mix(#fff, $gentle-kiss, 20%);
$gentle-kiss-dark: mix(#000, $gentle-kiss, 20%);
.element {
color: $gentle-kiss;
box-shadow: 0 0 0 2px rgba($gentle-kiss, 0.35);
}