Màu có tên · #EECCDD
LA Vibes
LA Vibes là #EECCDD: rgb(238 204 221), hsl(330 50% 87%), oklch(0.879 0.044 346.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · LA Vibes color name →
#EECCDD
oklch(0.879 0.044 346.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0D1E0
- F2D6E4
- F3DBE7
- F5E0EB
- F7E5EE
- F9EAF1
- FAF0F5
- FCF5F8
- FDFAFC
Sắc đậm
- CFB1C0
- B197A4
- 937E88
- 77656E
- 5C4E55
- 42373D
- 2A2226
- 140F11
- 030202
Sắc xám
- E3C4D3
- D7BCCA
- CCB5C0
- C1ADB7
- B6A5AD
- AB9EA4
- A0969B
- 958F92
- 8B8789
Hòa sắc
Bổ túc +180°
- EECCDD
LA Vibes
- BDE1D1
≈ Pale Mountain Lake Turquoise
Tương đồng -30° +30°
- EECCDD
LA Vibes
- E3CFEB
≈ Little Touch
- F3CCCD
≈ Abloom
Bộ ba +120° +240°
- EECCDD
LA Vibes
- DADAB8
≈ Apple Cucumber
- B9DEEE
≈ Fountains of Budapest
Bổ túc chia +150° +210°
- EECCDD
LA Vibes
- CADEC2
≈ Shanghai Silk
- B6E1E1
≈ Fine Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.46:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.31:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
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);
}