Warna bernama · #EECCDD
LA Vibes
LA Vibes adalah #EECCDD: rgb(238 204 221), hsl(330 50% 87%), oklch(0.879 0.044 346.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · LA Vibes color name →
#EECCDD
oklch(0.879 0.044 346.4)
Konversi warna
- HEX
- #eeccdd
- RGB
- rgb(238 204 221)
- HSL
- hsl(330 50% 87%)
- HWB
- hwb(330 80% 7%)
- OKLCH
- oklch(0.879 0.044 346.4)
- OKLab
- oklab(0.879 0.043 -0.01)
- CIE Lab
- lab(85.35 14.4 -3.79)
- LCH
- lch(85.35 14.89 345.3)
- CMYK
- cmyk(0% 14% 7% 7%)
Tint · Shade · Tone
Tint
- F0D1E0
- F2D6E4
- F3DBE7
- F5E0EB
- F7E5EE
- F9EAF1
- FAF0F5
- FCF5F8
- FDFAFC
Shade
- CFB1C0
- B197A4
- 937E88
- 77656E
- 5C4E55
- 42373D
- 2A2226
- 140F11
- 030202
Tone
- E3C4D3
- D7BCCA
- CCB5C0
- C1ADB7
- B6A5AD
- AB9EA4
- A0969B
- 958F92
- 8B8789
Harmoni warna
Komplementer +180°
- EECCDD
LA Vibes
- BDE1D1
≈ Pale Mountain Lake Turquoise
Analog -30° +30°
- EECCDD
LA Vibes
- E3CFEB
≈ Little Touch
- F3CCCD
≈ Abloom
Triadik +120° +240°
- EECCDD
LA Vibes
- DADAB8
≈ Apple Cucumber
- B9DEEE
≈ Fountains of Budapest
Split-komplementer +150° +210°
- EECCDD
LA Vibes
- CADEC2
≈ Shanghai Silk
- B6E1E1
≈ Fine Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.46:1 · APCA Lc 22
Ag
AAADi atas hitam
WCAG 14.31:1 · APCA Lc 81
Warna teks terbaik: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Cuplikan kode
CSS
:root {
--la-vibes: #eeccdd;
--la-vibes-rgb: 238 204 221;
--la-vibes-oklch: oklch(0.879 0.044 346.4);
}
.element {
color: var(--la-vibes);
background-color: hsl(330 50% 87%);
border-color: oklch(0.879 0.044 346.4);
}Tailwind CSS v4
@theme {
--color-la-vibes: #eeccdd;
--color-la-vibes-50: #fff0f7;
--color-la-vibes-100: #f4e2ea;
--color-la-vibes-200: #e4cdd7;
--color-la-vibes-300: #caafbb;
--color-la-vibes-400: #b394a4;
--color-la-vibes-500: #9d7b8c;
--color-la-vibes-600: #846877;
--color-la-vibes-700: #6a535f;
--color-la-vibes-800: #4e3c46;
--color-la-vibes-900: #362930;
--color-la-vibes-950: #21171d;
}SCSS
$la-vibes: #eeccdd;
$la-vibes-rgb: 238, 204, 221;
$la-vibes-light: mix(#fff, $la-vibes, 20%);
$la-vibes-dark: mix(#000, $la-vibes, 20%);
.element {
color: $la-vibes;
box-shadow: 0 0 0 2px rgba($la-vibes, 0.35);
}