Nazwany kolor · #EABCC0
Blush Kiss
Blush Kiss to #EABCC0: rgb(234 188 192), hsl(355 52% 83%), oklch(0.837 0.053 12.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Blush Kiss color name →
#EABCC0
oklch(0.837 0.053 12.4)
Konwersje koloru
- HEX
- #eabcc0
- RGB
- rgb(234 188 192)
- HSL
- hsl(355 52% 83%)
- HWB
- hwb(355 74% 8%)
- OKLCH
- oklch(0.837 0.053 12.4)
- OKLab
- oklab(0.837 0.052 0.011)
- CIE Lab
- lab(80.49 17.47 4.58)
- LCH
- lch(80.49 18.06 14.7)
- CMYK
- cmyk(0% 20% 18% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECC3C6
- EFC9CC
- F1D0D3
- F3D7D9
- F5DDDF
- F7E4E5
- F9EBEC
- FBF1F2
- FDF8F9
Odcienie ciemniejsze
- CBA3A7
- AE8B8E
- 917376
- 755D5F
- 5A4749
- 413234
- 291F20
- 130D0E
- 030202
Tony
- DFB6B9
- D4B0B3
- C9AAAC
- BFA4A6
- B49E9F
- AA9899
- 9F9293
- 958C8C
- 8A8686
Harmonie kolorów
Komplementarna +180°
- EABCC0
Blush Kiss
- A2D5D3
≈ Smooth Satin
Analogowa -30° +30°
- EABCC0
Blush Kiss
- E3BCD3
≈ Eau de Rose
- E9BFAF
≈ Retro Peach
Triada +120° +240°
- EABCC0
Blush Kiss
- BDD1AE
≈ Gamin
- B1CCEC
≈ Andromeda Blue
Komplementarna rozszczepiona +150° +210°
- EABCC0
Blush Kiss
- ABD5BF
≈ Southern Belle
- A4D2E3
≈ Sea Rover
Tetrada +90° +180° +270°
- EABCC0
Blush Kiss
- D0CBA4
≈ Frozen Dew
- A2D5D3
≈ Smooth Satin
- C4C6EC
≈ Powdered Granite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.45:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.45:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--blush-kiss: #eabcc0;
--blush-kiss-rgb: 234 188 192;
--blush-kiss-oklch: oklch(0.837 0.053 12.4);
}
.element {
color: var(--blush-kiss);
background-color: hsl(355 52% 83%);
border-color: oklch(0.837 0.053 12.4);
}Tailwind CSS v4
@theme {
--color-blush-kiss: #eabcc0;
--color-blush-kiss-50: #ffeff0;
--color-blush-kiss-100: #f9e1e2;
--color-blush-kiss-200: #eacccd;
--color-blush-kiss-300: #d1adaf;
--color-blush-kiss-400: #bc9296;
--color-blush-kiss-500: #a6787c;
--color-blush-kiss-600: #8d6669;
--color-blush-kiss-700: #715154;
--color-blush-kiss-800: #533b3e;
--color-blush-kiss-900: #3a282b;
--color-blush-kiss-950: #241618;
}SCSS
$blush-kiss: #eabcc0;
$blush-kiss-rgb: 234, 188, 192;
$blush-kiss-light: mix(#fff, $blush-kiss, 20%);
$blush-kiss-dark: mix(#000, $blush-kiss, 20%);
.element {
color: $blush-kiss;
box-shadow: 0 0 0 2px rgba($blush-kiss, 0.35);
}