Màu có tên gần nhất · #CC5071
#CC5071
Màu có tên gần nhất: Strawberry Moon
#CC5071 (rgb(204 80 113), hsl(344 55% 56%), oklch(0.603 0.159 6.8)) gần nhất với màu có tên Strawberry Moon. 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.
#CC5071
oklch(0.603 0.159 6.8)
Chuyển đổi màu
- HEX
- #cc5071
- RGB
- rgb(204 80 113)
- HSL
- hsl(344 55% 56%)
- HWB
- hwb(344 31% 20%)
- OKLCH
- oklch(0.603 0.159 6.8)
- OKLab
- oklab(0.603 0.158 0.019)
- CIE Lab
- lab(52.05 52.07 8.17)
- LCH
- lch(52.05 52.71 8.9)
- CMYK
- cmyk(0% 61% 45% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D3637E
- DA758C
- E08799
- E698A7
- ECA9B5
- F1BAC4
- F5CBD2
- F9DDE1
- FCEEF0
Sắc đậm
- B14461
- 973952
- 7E2E43
- 652435
- 4E1A27
- 37101A
- 22070E
- 0F0204
- 020001
Sắc xám
- C65773
- BF5D74
- B86276
- B16877
- AA6C79
- A2717A
- 9A757C
- 92797D
- 897D7F
Hòa sắc
Bổ túc +180°
- CC5071
Strawberry Moon
- 00958B
≈ Lights at Sea
Tương đồng -30° +30°
- CC5071
Strawberry Moon
- BA56A4
≈ Magenta Memoir
- CE5734
≈ Bronze Satin
Bộ ba +120° +240°
- CC5071
Strawberry Moon
- 689100
≈ Canopy
- 0086D9
≈ Blue Cola
Bổ túc chia +150° +210°
- CC5071
Strawberry Moon
- 009A5C
≈ Militant Vegan
- 0090AB
≈ Zeftron
Bộ bốn +90° +180° +270°
- CC5071
Strawberry Moon
- 978000
≈ Thicket Green
- 00958B
≈ Lights at Sea
- 6B74DE
≈ C64 Purple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.23:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.95:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--strawberry-moon: #cc5071;
--strawberry-moon-rgb: 204 80 113;
--strawberry-moon-oklch: oklch(0.603 0.159 6.8);
}
.element {
color: var(--strawberry-moon);
background-color: hsl(344 55% 56%);
border-color: oklch(0.603 0.159 6.8);
}Tailwind CSS v4
@theme {
--color-strawberry-moon: #cc5071;
--color-strawberry-moon-50: #ffe3ec;
--color-strawberry-moon-100: #ffd2dd;
--color-strawberry-moon-200: #ffb8c6;
--color-strawberry-moon-300: #fc94a7;
--color-strawberry-moon-400: #eb728f;
--color-strawberry-moon-500: #d84e74;
--color-strawberry-moon-600: #b74363;
--color-strawberry-moon-700: #93354f;
--color-strawberry-moon-800: #6d253b;
--color-strawberry-moon-900: #4d1929;
--color-strawberry-moon-950: #320916;
}SCSS
$strawberry-moon: #cc5071;
$strawberry-moon-rgb: 204, 80, 113;
$strawberry-moon-light: mix(#fff, $strawberry-moon, 20%);
$strawberry-moon-dark: mix(#000, $strawberry-moon, 20%);
.element {
color: $strawberry-moon;
box-shadow: 0 0 0 2px rgba($strawberry-moon, 0.35);
}