Couleur nommée · #DD3333
Infrared Burn
Infrared Burn correspond à #DD3333 : rgb(221 51 51), hsl(0 71% 53%), oklch(0.589 0.206 26.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Infrared Burn color name →
#DD3333
oklch(0.589 0.206 26.3)
Conversions de couleur
- HEX
- #dd3333
- RGB
- rgb(221 51 51)
- HSL
- hsl(0 71% 53%)
- HWB
- hwb(0 20% 13%)
- OKLCH
- oklch(0.589 0.206 26.3)
- OKLab
- oklab(0.589 0.185 0.091)
- CIE Lab
- lab(50.29 64.99 43.29)
- LCH
- lch(50.29 78.08 33.7)
- CMYK
- cmyk(0% 77% 77% 13%)
Teintes · Ombres · Tons
Teintes
- E44F49
- EA665D
- EF7B71
- F38F85
- F7A299
- FBB5AD
- FDC8C1
- FFDAD6
- FFEDEA
Ombres
- C02B2B
- A42323
- 881C1C
- 6E1414
- 550D0D
- 3D0707
- 260303
- 110101
- 020000
Tons
- D5413D
- CD4C46
- C5564E
- BD5E56
- B4655D
- AB6B65
- A1716C
- 977773
- 8C7B79
Harmonies de couleurs
Complémentaire +180°
- DD3333
Infrared Burn
- 008E9B
≈ Coral Coast
Analogue -30° +30°
- DD3333
Infrared Burn
- D33280
≈ Highlighter Lilac
- BB6200
≈ Fire Ant
Triadique +120° +240°
- DD3333
Infrared Burn
- 009731
≈ Peppermint Toad
- 4470F5
≈ Hailey Blue
Complémentaire divisée +150° +210°
- DD3333
Infrared Burn
- 00927B
≈ Aqua Waters
- 0087BE
≈ Forget-Me-Not
Tétradique +90° +180° +270°
- DD3333
Infrared Burn
- 798600
≈ Elwynn Forest Olive
- 008E9B
≈ Coral Coast
- 8C58E6
≈ Gloomy Purple
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.56:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.59:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.59:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--infrared-burn: #dd3333;
--infrared-burn-rgb: 221 51 51;
--infrared-burn-oklch: oklch(0.589 0.206 26.3);
}
.element {
color: var(--infrared-burn);
background-color: hsl(0 71% 53%);
border-color: oklch(0.589 0.206 26.3);
}Tailwind CSS v4
@theme {
--color-infrared-burn: #dd3333;
--color-infrared-burn-50: #ffdfd4;
--color-infrared-burn-100: #ffcec1;
--color-infrared-burn-200: #ffb1a2;
--color-infrared-burn-300: #ff897a;
--color-infrared-burn-400: #ff6159;
--color-infrared-burn-500: #f02f32;
--color-infrared-burn-600: #cb2b2c;
--color-infrared-burn-700: #a32323;
--color-infrared-burn-800: #7a161b;
--color-infrared-burn-900: #560f11;
--color-infrared-burn-950: #3a0104;
}SCSS
$infrared-burn: #dd3333;
$infrared-burn-rgb: 221, 51, 51;
$infrared-burn-light: mix(#fff, $infrared-burn, 20%);
$infrared-burn-dark: mix(#000, $infrared-burn, 20%);
.element {
color: $infrared-burn;
box-shadow: 0 0 0 2px rgba($infrared-burn, 0.35);
}