Màu có tên · #EE00DD
Vice City
Vice City là #EE00DD: rgb(238 0 221), hsl(304 100% 47%), oklch(0.656 0.296 332.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? → · Vice City color name →
#EE00DD
oklch(0.656 0.296 332.4)
Chuyển đổi màu
- HEX
- #ee00dd
- RGB
- rgb(238 0 221)
- HSL
- hsl(304 100% 47%)
- HWB
- hwb(304 0% 7%)
- OKLCH
- oklch(0.656 0.296 332.4)
- OKLab
- oklab(0.656 0.262 -0.137)
- CIE Lab
- lab(55.49 87.1 -49.12)
- LCH
- lch(55.49 99.99 330.6)
- CMYK
- cmyk(0% 100% 7% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F241E1
- F65FE5
- FA77E9
- FC8DED
- FFA1F1
- FFB5F4
- FFC8F7
- FFDAFA
- FFEDFD
Sắc đậm
- CF00C0
- B100A4
- 930088
- 77006E
- 5C0055
- 42003D
- 2A0026
- 140011
- 030002
Sắc xám
- E42FD4
- DA42CB
- D050C2
- C65AB8
- BB63AF
- B06BA6
- A5719D
- 997793
- 8D7C8A
Hòa sắc
Bổ túc +180°
- EE00DD
Vice City
- 00AD5A
≈ Nordic Grass Green
Tương đồng -30° +30°
- EE00DD
Vice City
- AD64FF
≈ Purple Hedonist
- FF2584
≈ Reliquial Rose
Bộ ba +120° +240°
- EE00DD
Vice City
- AE8D00
≈ Cobra Leather
- 00A3BA
≈ January Blue
Bổ túc chia +150° +210°
- EE00DD
Vice City
- 809F00
≈ Spring Vegetables
- 00A897
≈ Persian Green
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 3.69:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 5.67:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 5.67:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--vice-city: #ee00dd;
--vice-city-rgb: 238 0 221;
--vice-city-oklch: oklch(0.656 0.296 332.4);
}
.element {
color: var(--vice-city);
background-color: hsl(304 100% 47%);
border-color: oklch(0.656 0.296 332.4);
}Tailwind CSS v4
@theme {
--color-vice-city: #ee00dd;
--color-vice-city-50: #ffd5ff;
--color-vice-city-100: #ffc1ff;
--color-vice-city-200: #ff9fff;
--color-vice-city-300: #ff70f3;
--color-vice-city-400: #fa39e8;
--color-vice-city-500: #e800d8;
--color-vice-city-600: #c400b6;
--color-vice-city-700: #9e0092;
--color-vice-city-800: #740070;
--color-vice-city-900: #52004f;
--color-vice-city-950: #370035;
}SCSS
$vice-city: #ee00dd;
$vice-city-rgb: 238, 0, 221;
$vice-city-light: mix(#fff, $vice-city, 20%);
$vice-city-dark: mix(#000, $vice-city, 20%);
.element {
color: $vice-city;
box-shadow: 0 0 0 2px rgba($vice-city, 0.35);
}