Cor nomeada · #FF4455
Hotter Than Hell
Hotter Than Hell é #FF4455: rgb(255 68 85), hsl(355 100% 63%), oklch(0.666 0.222 21). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Hotter Than Hell color name →
#FF4455
oklch(0.666 0.222 21)
Conversões de cor
- HEX
- #ff4455
- RGB
- rgb(255 68 85)
- HSL
- hsl(355 100% 63%)
- HWB
- hwb(355 27% 0%)
- OKLCH
- oklch(0.666 0.222 21)
- OKLab
- oklab(0.666 0.207 0.079)
- CIE Lab
- lab(58.92 70.92 35.64)
- LCH
- lch(58.92 79.37 26.7)
- CMYK
- cmyk(0% 73% 67% 0%)
Tons claros · Sombras · Tons
Tons claros
- FF5E66
- FF7377
- FF8788
- FF9998
- FFABA9
- FFBCBA
- FFCDCB
- FFDEDC
- FFEFEE
Sombras
- DE3A49
- BE303D
- 9E2631
- 801D26
- 63141C
- 480C11
- 2E0508
- 160202
- 030000
Tons
- F4505A
- E8595F
- DC6164
- D06768
- C46D6D
- B87271
- AB7675
- 9D7A79
- 8F7D7C
Harmonias de cor
Complementar +180°
- FF4455
Hotter Than Hell
- 00A8B0
≈ Blue Bolero
Análoga -30° +30°
- FF4455
Hotter Than Hell
- F147A4
≈ Major Magenta
- E46D00
≈ Accent Orange
Tríade +120° +240°
- FF4455
Hotter Than Hell
- 29B200
≈ Pikkoro Green
- 5290FF
≈ Polar Glow
Complementar dividida +150° +210°
- FF4455
Hotter Than Hell
- 00AD89
≈ Arcadia
- 00A1D7
≈ Vanadyl Blue
Tétrade +90° +180° +270°
- FF4455
Hotter Than Hell
- 999B00
≈ Papyrus
- 00A8B0
≈ Blue Bolero
- 9778FF
≈ Forgotten Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.38:1 · APCA Lc 60
Ag
AASobre preto
WCAG 6.21:1 · APCA Lc 42
Melhor cor de texto: #000000
WCAG 6.21:1 (AA) · APCA Lc 42
Contrast pairs
Trechos de código
CSS
:root {
--hotter-than-hell: #ff4455;
--hotter-than-hell-rgb: 255 68 85;
--hotter-than-hell-oklch: oklch(0.666 0.222 21);
}
.element {
color: var(--hotter-than-hell);
background-color: hsl(355 100% 63%);
border-color: oklch(0.666 0.222 21);
}Tailwind CSS v4
@theme {
--color-hotter-than-hell: #ff4455;
--color-hotter-than-hell-50: #ffddd8;
--color-hotter-than-hell-100: #ffcbc5;
--color-hotter-than-hell-200: #ffaca7;
--color-hotter-than-hell-300: #ff8381;
--color-hotter-than-hell-400: #ff5863;
--color-hotter-than-hell-500: #f61240;
--color-hotter-than-hell-600: #d01837;
--color-hotter-than-hell-700: #a8152b;
--color-hotter-than-hell-800: #7d0b22;
--color-hotter-than-hell-900: #590816;
--color-hotter-than-hell-950: #3b0008;
}SCSS
$hotter-than-hell: #ff4455;
$hotter-than-hell-rgb: 255, 68, 85;
$hotter-than-hell-light: mix(#fff, $hotter-than-hell, 20%);
$hotter-than-hell-dark: mix(#000, $hotter-than-hell, 20%);
.element {
color: $hotter-than-hell;
box-shadow: 0 0 0 2px rgba($hotter-than-hell, 0.35);
}