Dichtstbijzijnde benoemde kleur · #C92A2A
#C92A2A
Dichtstbijzijnde benoemde kleur: Peri Peri
#C92A2A (rgb(201 42 42), hsl(0 65% 48%), oklch(0.546 0.195 26.6)) komt het dichtst bij de benoemde kleur Peri Peri. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C92A2A
oklch(0.546 0.195 26.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- D24741
- D95F56
- E1746B
- E7897F
- ED9D94
- F2B1A9
- F7C4BE
- FAD8D3
- FDEBE9
Schaduwen
- AE2323
- 951C1C
- 7C1616
- 641010
- 4C0A0A
- 360505
- 220202
- 0F0101
- 020000
Tonen
- C33A35
- BE463F
- B85048
- B15851
- AA6059
- A36861
- 9B6E69
- 937571
- 8A7A78
Kleurharmonieën
Complementair +180°
- C92A2A
Peri Peri
- 007F8B
≈ Metallic Seaweed
Analoog -30° +30°
- C92A2A
Peri Peri
- C02973
≈ Pink Shadow
- A85800
≈ Tijolo
Triadisch +120° +240°
- C92A2A
Peri Peri
- 00882D
≈ Broccoli Paradise
- 3C63E0
≈ Royal Blue
Gesplitst complementair +150° +210°
- C92A2A
Peri Peri
- 00836F
≈ Viridis
- 0079AC
≈ Sixties Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.45:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.84:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
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);
}