Màu có tên · #EE2255
Strawberry Pop
Strawberry Pop là #EE2255: rgb(238 34 85), hsl(345 86% 53%), oklch(0.614 0.23 15.2). 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? → · Strawberry Pop color name →
#EE2255
oklch(0.614 0.23 15.2)
Chuyển đổi màu
- HEX
- #ee2255
- RGB
- rgb(238 34 85)
- HSL
- hsl(345 86% 53%)
- HWB
- hwb(345 13% 7%)
- OKLCH
- oklch(0.614 0.23 15.2)
- OKLab
- oklab(0.614 0.222 0.061)
- CIE Lab
- lab(52.64 74.52 27.11)
- LCH
- lch(52.64 79.3 20)
- CMYK
- cmyk(0% 86% 64% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F34765
- F86176
- FC7886
- FF8D97
- FFA1A8
- FFB4B9
- FFC7CA
- FFDADB
- FFECED
Sắc đậm
- CF1C49
- B1163D
- 931131
- 770B26
- 5C071C
- 420311
- 2A0108
- 140002
- 030000
Sắc xám
- E5385A
- DB465E
- D15263
- C75B67
- BD636B
- B26A70
- A77074
- 9B7678
- 8E7B7C
Hòa sắc
Bổ túc +180°
- EE2255
Strawberry Pop
- 009798
≈ Regula Barbara Blue
Tương đồng -30° +30°
- EE2255
Strawberry Pop
- DC2FA3
≈ Melodramatic Magenta
- D55900
≈ Exuberance
Bộ ba +120° +240°
- EE2255
Strawberry Pop
- 4E9A00
≈ Grassy Green
- 0081FA
≈ Brescian Blue
Bổ túc chia +150° +210°
- EE2255
Strawberry Pop
- 009C71
≈ Free Speech Aquamarine
- 0092B9
≈ Blue Danube
Bộ bốn +90° +180° +270°
- EE2255
Strawberry Pop
- 908800
≈ Palak Paneer
- 009798
≈ Regula Barbara Blue
- 7E65FF
≈ Purple Anemone
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.20:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 4.99:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 4.99:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
CSS
:root {
--strawberry-pop: #ee2255;
--strawberry-pop-rgb: 238 34 85;
--strawberry-pop-oklch: oklch(0.614 0.23 15.2);
}
.element {
color: var(--strawberry-pop);
background-color: hsl(345 86% 53%);
border-color: oklch(0.614 0.23 15.2);
}Tailwind CSS v4
@theme {
--color-strawberry-pop: #ee2255;
--color-strawberry-pop-50: #ffdbdd;
--color-strawberry-pop-100: #ffc8cc;
--color-strawberry-pop-200: #ffa9b0;
--color-strawberry-pop-300: #ff7f8c;
--color-strawberry-pop-400: #ff5171;
--color-strawberry-pop-500: #f90051;
--color-strawberry-pop-600: #d20346;
--color-strawberry-pop-700: #a90737;
--color-strawberry-pop-800: #7e032a;
--color-strawberry-pop-900: #5a041c;
--color-strawberry-pop-950: #3c000d;
}SCSS
$strawberry-pop: #ee2255;
$strawberry-pop-rgb: 238, 34, 85;
$strawberry-pop-light: mix(#fff, $strawberry-pop, 20%);
$strawberry-pop-dark: mix(#000, $strawberry-pop, 20%);
.element {
color: $strawberry-pop;
box-shadow: 0 0 0 2px rgba($strawberry-pop, 0.35);
}