Dichtstbijzijnde benoemde kleur · #E52722
#E52722
Dichtstbijzijnde benoemde kleur: Lust
#E52722 (rgb(229 39 34), hsl(2 79% 52%), oklch(0.594 0.223 28.3)) komt het dichtst bij de benoemde kleur Lust. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E52722
oklch(0.594 0.223 28.3)
Kleurconversies
- HEX
- #e52722
- RGB
- rgb(229 39 34)
- HSL
- hsl(2 79% 52%)
- HWB
- hwb(2 13% 10%)
- OKLCH
- oklch(0.594 0.223 28.3)
- OKLab
- oklab(0.594 0.196 0.106)
- CIE Lab
- lab(50.67 69.9 53.18)
- LCH
- lch(50.67 87.83 37.3)
- CMYK
- cmyk(0% 83% 85% 10%)
Tinten · Schaduwen · Tonen
Tinten
- EB493D
- F06254
- F5786A
- F98D7F
- FCA194
- FFB4A9
- FFC7BE
- FFDAD4
- FFECE9
Schaduwen
- C7201C
- AA1A16
- 8E1411
- 720E0B
- 580807
- 3F0403
- 280201
- 120100
- 030000
Tonen
- DD3A31
- D4483C
- CB5247
- C25C50
- B86359
- AE6A61
- A47169
- 997671
- 8D7B79
Kleurharmonieën
Complementair +180°
- E52722
Lust
- 008F9E
≈ Coral Coast
Analoog -30° +30°
- E52722
Lust
- DC247D
≈ Vivid Cerise
- BB6500
≈ Camel Fur
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- E52722
Lust
- 00937F
≈ Aqua Waters
- 0087C3
≈ Azul Caribe
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.52:1 · APCA Lc 69
Ag
AAOp zwart
WCAG 4.64:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--lust: #e52722;
--lust-rgb: 229 39 34;
--lust-oklch: oklch(0.594 0.223 28.3);
}
.element {
color: var(--lust);
background-color: hsl(2 79% 52%);
border-color: oklch(0.594 0.223 28.3);
}Tailwind CSS v4
@theme {
--color-lust: #e52722;
--color-lust-50: #ffdecf;
--color-lust-100: #ffccbb;
--color-lust-200: #ffae9a;
--color-lust-300: #ff856f;
--color-lust-400: #ff5a4c;
--color-lust-500: #f7191a;
--color-lust-600: #d11c19;
--color-lust-700: #a81814;
--color-lust-800: #7e0d12;
--color-lust-900: #59090b;
--color-lust-950: #3c0001;
}SCSS
$lust: #e52722;
$lust-rgb: 229, 39, 34;
$lust-light: mix(#fff, $lust, 20%);
$lust-dark: mix(#000, $lust, 20%);
.element {
color: $lust;
box-shadow: 0 0 0 2px rgba($lust, 0.35);
}