Cor nomeada mais próxima · #D85455
#D85455
Cor nomeada mais próxima: Horror Snob
#D85455 (rgb(216 84 85), hsl(360 63% 59%), oklch(0.62 0.166 22.9)) é mais próxima da cor nomeada Horror Snob. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D85455
oklch(0.62 0.166 22.9)
Conversões de cor
- HEX
- #d85455
- RGB
- rgb(216 84 85)
- HSL
- hsl(360 63% 59%)
- HWB
- hwb(360 33% 15%)
- OKLCH
- oklch(0.62 0.166 22.9)
- OKLab
- oklab(0.62 0.153 0.065)
- CIE Lab
- lab(54.22 52.81 28.04)
- LCH
- lch(54.22 59.8 28)
- CMYK
- cmyk(0% 61% 61% 15%)
Tons claros · Sombras · Tons
Tons claros
- DE6765
- E47976
- E98A86
- EE9B97
- F2ACA8
- F6BDB9
- F9CDCA
- FCDEDC
- FEEEED
Sombras
- BC4849
- A03C3D
- 853131
- 6B2626
- 531B1C
- 3B1111
- 250808
- 110202
- 020000
Tons
- D05B5A
- C8605E
- C06663
- B86B67
- B06F6C
- A77370
- 9E7774
- 957A78
- 8B7D7C
Harmonias de cor
Complementar +180°
- D85455
Horror Snob
- 0098A2
≈ Riviera Paradise
Análoga -30° +30°
- D85455
Horror Snob
- CE548F
≈ Pretty in Plum
- CD6500
≈ Curry Powder
Tríade +120° +240°
- D85455
Horror Snob
- 3C9E39
≈ Beer Garden
- 4E81E9
≈ Seljuk Blue
Complementar dividida +150° +210°
- D85455
Horror Snob
- 009D7F
≈ Tropical Kelp
- 0092C6
≈ Dynamic Blue
Tétrade +90° +180° +270°
- D85455
Horror Snob
- 888E00
≈ Foggy Bog
- 0098A2
≈ Riviera Paradise
- 8C6EE0
≈ Matt Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.94:1 · APCA Lc 66
Ag
AASobre preto
WCAG 5.31:1 · APCA Lc 36
Melhor cor de texto: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
Trechos de código
CSS
:root {
--horror-snob: #d85455;
--horror-snob-rgb: 216 84 85;
--horror-snob-oklch: oklch(0.62 0.166 22.9);
}
.element {
color: var(--horror-snob);
background-color: hsl(360 63% 59%);
border-color: oklch(0.62 0.166 22.9);
}Tailwind CSS v4
@theme {
--color-horror-snob: #d85455;
--color-horror-snob-50: #ffe4dd;
--color-horror-snob-100: #ffd3cc;
--color-horror-snob-200: #ffb8b0;
--color-horror-snob-300: #ff948c;
--color-horror-snob-400: #f1716f;
--color-horror-snob-500: #df4c4f;
--color-horror-snob-600: #bc4144;
--color-horror-snob-700: #973436;
--color-horror-snob-800: #712428;
--color-horror-snob-900: #50181b;
--color-horror-snob-950: #35080b;
}SCSS
$horror-snob: #d85455;
$horror-snob-rgb: 216, 84, 85;
$horror-snob-light: mix(#fff, $horror-snob, 20%);
$horror-snob-dark: mix(#000, $horror-snob, 20%);
.element {
color: $horror-snob;
box-shadow: 0 0 0 2px rgba($horror-snob, 0.35);
}