Cor nomeada mais próxima · #933B60
#933B60
Cor nomeada mais próxima: Pink Horror
#933B60 (rgb(147 59 96), hsl(335 43% 40%), oklch(0.483 0.125 356.6)) é mais próxima da cor nomeada Pink Horror. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#933B60
oklch(0.483 0.125 356.6)
Conversões de cor
- HEX
- #933b60
- RGB
- rgb(147 59 96)
- HSL
- hsl(335 43% 40%)
- HWB
- hwb(335 23% 42%)
- OKLCH
- oklch(0.483 0.125 356.6)
- OKLab
- oklab(0.483 0.125 -0.007)
- CIE Lab
- lab(38.44 40.56 -2.35)
- LCH
- lch(38.44 40.63 356.7)
- CMYK
- cmyk(0% 60% 35% 42%)
Tons claros · Sombras · Tons
Tons claros
- 9F4F6F
- AB627D
- B7758D
- C2889C
- CD9BAC
- D7AFBC
- E2C3CD
- ECD6DD
- F5EBEE
Sombras
- 7F3252
- 6C2945
- 592138
- 47192C
- 361120
- 250915
- 16040A
- 080103
- 010000
Tons
- 924363
- 914B66
- 905269
- 8F596D
- 8D6070
- 8B6773
- 896D76
- 867379
- 837A7D
Harmonias de cor
Complementar +180°
- 933B60
Pink Horror
- 006F5D
≈ Falcon Turquoise
Análoga -30° +30°
- 933B60
Pink Horror
- 824283
≈ Violet Webcap
- 993D36
≈ Vermilion Seabass
Tríade +120° +240°
- 933B60
Pink Horror
- 5B6600
≈ Mud Green
- 006692
≈ Peacock Blue
Complementar dividida +150° +210°
- 933B60
Pink Horror
- 217030
≈ Hawaiian Ti Leaf
- 006B76
≈ Mary Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.91:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.03:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--pink-horror: #933b60;
--pink-horror-rgb: 147 59 96;
--pink-horror-oklch: oklch(0.483 0.125 356.6);
}
.element {
color: var(--pink-horror);
background-color: hsl(335 43% 40%);
border-color: oklch(0.483 0.125 356.6);
}Tailwind CSS v4
@theme {
--color-pink-horror: #933b60;
--color-pink-horror-50: #ffe7f4;
--color-pink-horror-100: #ffd7e7;
--color-pink-horror-200: #ffbed3;
--color-pink-horror-300: #ec9cb6;
--color-pink-horror-400: #d97ea0;
--color-pink-horror-500: #c55f88;
--color-pink-horror-600: #a65173;
--color-pink-horror-700: #86405c;
--color-pink-horror-800: #632e45;
--color-pink-horror-900: #451f30;
--color-pink-horror-950: #2d0f1c;
}SCSS
$pink-horror: #933b60;
$pink-horror-rgb: 147, 59, 96;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}