Cor nomeada mais próxima · #7B2C5B
#7B2C5B
Cor nomeada mais próxima: Pleasure
#7B2C5B (rgb(123 44 91), hsl(324 47% 33%), oklch(0.424 0.123 346.9)) é mais próxima da cor nomeada Pleasure. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#7B2C5B
oklch(0.424 0.123 346.9)
Conversões de cor
- HEX
- #7b2c5b
- RGB
- rgb(123 44 91)
- HSL
- hsl(324 47% 33%)
- HWB
- hwb(324 17% 52%)
- OKLCH
- oklch(0.424 0.123 346.9)
- OKLab
- oklab(0.424 0.119 -0.028)
- CIE Lab
- lab(31.46 38.71 -10.03)
- LCH
- lch(31.46 39.98 345.5)
- CMYK
- cmyk(0% 64% 26% 52%)
Tons claros · Sombras · Tons
Tons claros
- 89416A
- 975679
- A56A89
- B27E99
- C093AA
- CDA8BA
- D9BDCB
- E6D3DC
- F3E9ED
Sombras
- 6A254E
- 5A1E41
- 4A1735
- 3A1129
- 2C0A1E
- 1E0513
- 100209
- 050103
- 010000
Tons
- 7D365F
- 7E3F62
- 7F4866
- 80506A
- 81586D
- 816071
- 816875
- 817079
- 81787C
Harmonias de cor
Complementar +180°
- 7B2C5B
Pleasure
- 005D44
≈ Sci-Fi Takeout
Análoga -30° +30°
- 7B2C5B
Pleasure
- 68347A
≈ Galactic Grapevine
- 842A35
≈ Shiraz
Tríade +120° +240°
- 7B2C5B
Pleasure
- 545100
≈ Scorzonera Brown
- 005670
≈ Subaqueous
Complementar dividida +150° +210°
- 7B2C5B
Pleasure
- 295C08
≈ Lincoln Green
- 005A5B
≈ Deep Sea Green
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.92:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.35:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 8.92:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--pleasure: #7b2c5b;
--pleasure-rgb: 123 44 91;
--pleasure-oklch: oklch(0.424 0.123 346.9);
}
.element {
color: var(--pleasure);
background-color: hsl(324 47% 33%);
border-color: oklch(0.424 0.123 346.9);
}Tailwind CSS v4
@theme {
--color-pleasure: #7b2c5b;
--color-pleasure-50: #ffe8fb;
--color-pleasure-100: #ffd8ee;
--color-pleasure-200: #fdbfdd;
--color-pleasure-300: #e79ec1;
--color-pleasure-400: #d380ad;
--color-pleasure-500: #bf6196;
--color-pleasure-600: #a1537f;
--color-pleasure-700: #824266;
--color-pleasure-800: #602f4c;
--color-pleasure-900: #432035;
--color-pleasure-950: #2b0f20;
}SCSS
$pleasure: #7b2c5b;
$pleasure-rgb: 123, 44, 91;
$pleasure-light: mix(#fff, $pleasure, 20%);
$pleasure-dark: mix(#000, $pleasure, 20%);
.element {
color: $pleasure;
box-shadow: 0 0 0 2px rgba($pleasure, 0.35);
}