Màu có tên gần nhất · #C92A2A
#C92A2A
Màu có tên gần nhất: Peri Peri
#C92A2A (rgb(201 42 42), hsl(0 65% 48%), oklch(0.546 0.195 26.6)) gần nhất với màu có tên Peri Peri. 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.
#C92A2A
oklch(0.546 0.195 26.6)
Chuyển đổi màu
- HEX
- #c92a2a
- RGB
- rgb(201 42 42)
- HSL
- hsl(0 65% 48%)
- HWB
- hwb(0 16% 21%)
- OKLCH
- oklch(0.546 0.195 26.6)
- OKLab
- oklab(0.546 0.174 0.087)
- CIE Lab
- lab(45.35 61.41 41.88)
- LCH
- lch(45.35 74.33 34.3)
- CMYK
- cmyk(0% 79% 79% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D24741
- D95F56
- E1746B
- E7897F
- ED9D94
- F2B1A9
- F7C4BE
- FAD8D3
- FDEBE9
Sắc đậm
- AE2323
- 951C1C
- 7C1616
- 641010
- 4C0A0A
- 360505
- 220202
- 0F0101
- 020000
Sắc xám
- C33A35
- BE463F
- B85048
- B15851
- AA6059
- A36861
- 9B6E69
- 937571
- 8A7A78
Hòa sắc
Bổ túc +180°
- C92A2A
Peri Peri
- 007F8B
≈ Metallic Seaweed
Tương đồng -30° +30°
- C92A2A
Peri Peri
- C02973
≈ Pink Shadow
- A85800
≈ Tijolo
Bộ ba +120° +240°
- C92A2A
Peri Peri
- 00882D
≈ Broccoli Paradise
- 3C63E0
≈ Royal Blue
Bổ túc chia +150° +210°
- C92A2A
Peri Peri
- 00836F
≈ Viridis
- 0079AC
≈ Sixties Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.45:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.84:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--peri-peri: #c92a2a;
--peri-peri-rgb: 201 42 42;
--peri-peri-oklch: oklch(0.546 0.195 26.6);
}
.element {
color: var(--peri-peri);
background-color: hsl(0 65% 48%);
border-color: oklch(0.546 0.195 26.6);
}Tailwind CSS v4
@theme {
--color-peri-peri: #c92a2a;
--color-peri-peri-50: #ffe1d6;
--color-peri-peri-100: #ffd0c3;
--color-peri-peri-200: #ffb4a4;
--color-peri-peri-300: #ff8d7d;
--color-peri-peri-400: #fd675d;
--color-peri-peri-500: #eb3937;
--color-peri-peri-600: #c73330;
--color-peri-peri-700: #a02926;
--color-peri-peri-800: #781b1d;
--color-peri-peri-900: #551213;
--color-peri-peri-950: #380305;
}SCSS
$peri-peri: #c92a2a;
$peri-peri-rgb: 201, 42, 42;
$peri-peri-light: mix(#fff, $peri-peri, 20%);
$peri-peri-dark: mix(#000, $peri-peri, 20%);
.element {
color: $peri-peri;
box-shadow: 0 0 0 2px rgba($peri-peri, 0.35);
}