Màu có tên · #EF586C
Pink Pepper
Pink Pepper là #EF586C: rgb(239 88 108), hsl(352 83% 64%), oklch(0.665 0.185 15.9). 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 Red mean? → · Pink Pepper color name →
#EF586C
oklch(0.665 0.185 15.9)
Chuyển đổi màu
- HEX
- #ef586c
- RGB
- rgb(239 88 108)
- HSL
- hsl(352 83% 64%)
- HWB
- hwb(352 35% 6%)
- OKLCH
- oklch(0.665 0.185 15.9)
- OKLab
- oklab(0.665 0.178 0.051)
- CIE Lab
- lab(59.08 59.99 21.81)
- LCH
- lch(59.08 63.84 20)
- CMYK
- cmyk(0% 63% 55% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F36C7A
- F77E88
- FA8F97
- FD9FA5
- FFB0B4
- FFC0C2
- FFD0D1
- FFDFE0
- FFEFF0
Sắc đậm
- D04B5D
- B13F4E
- 943340
- 782832
- 5C1D25
- 421219
- 2A090D
- 140304
- 030000
Sắc xám
- E55F6E
- DB6570
- D06A73
- C66E75
- BB7277
- B07679
- A5797B
- 997B7C
- 8D7E7E
Hòa sắc
Bổ túc +180°
- EF586C
Pink Pepper
- 00A9AA
≈ Jade Orchid
Tương đồng -30° +30°
- EF586C
Pink Pepper
- DF5BAB
≈ Orion
- EB6506
≈ Royal Flycatcher Crest
Bộ ba +120° +240°
- EF586C
Pink Pepper
- 59AB1F
≈ Plastic Pines
- 3D93FF
≈ Brilliant Azure
Bổ túc chia +150° +210°
- EF586C
Pink Pepper
- 00AE80
≈ Bright Camouflage
- 00A2CF
≈ Charybdis
Bộ bốn +90° +180° +270°
- EF586C
Pink Pepper
- A09800
≈ Papyrus
- 00A9AA
≈ Jade Orchid
- 8D7DFE
≈ Periwinkle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.34:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.28:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.28:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--pink-pepper: #ef586c;
--pink-pepper-rgb: 239 88 108;
--pink-pepper-oklch: oklch(0.665 0.185 15.9);
}
.element {
color: var(--pink-pepper);
background-color: hsl(352 83% 64%);
border-color: oklch(0.665 0.185 15.9);
}Tailwind CSS v4
@theme {
--color-pink-pepper: #ef586c;
--color-pink-pepper-50: #ffe0e1;
--color-pink-pepper-100: #ffcfd1;
--color-pink-pepper-200: #ffb3b6;
--color-pink-pepper-300: #ff8d93;
--color-pink-pepper-400: #f86878;
--color-pink-pepper-500: #e63d5b;
--color-pink-pepper-600: #c2364d;
--color-pink-pepper-700: #9c2b3d;
--color-pink-pepper-800: #751d2e;
--color-pink-pepper-900: #52141f;
--color-pink-pepper-950: #37040f;
}SCSS
$pink-pepper: #ef586c;
$pink-pepper-rgb: 239, 88, 108;
$pink-pepper-light: mix(#fff, $pink-pepper, 20%);
$pink-pepper-dark: mix(#000, $pink-pepper, 20%);
.element {
color: $pink-pepper;
box-shadow: 0 0 0 2px rgba($pink-pepper, 0.35);
}