Cor nomeada mais próxima · #B050B4
#B050B4
Cor nomeada mais próxima: Fuchsia Pheromone
#B050B4 (rgb(176 80 180), hsl(298 40% 51%), oklch(0.59 0.176 326)) é mais próxima da cor nomeada Fuchsia Pheromone. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B050B4
oklch(0.59 0.176 326)
Conversões de cor
- HEX
- #b050b4
- RGB
- rgb(176 80 180)
- HSL
- hsl(298 40% 51%)
- HWB
- hwb(298 31% 29%)
- OKLCH
- oklch(0.59 0.176 326)
- OKLab
- oklab(0.59 0.146 -0.098)
- CIE Lab
- lab(49.71 50.02 -35.5)
- LCH
- lch(49.71 61.34 324.6)
- CMYK
- cmyk(2% 56% 0% 29%)
Tons claros · Sombras · Tons
Tons claros
- B963BC
- C175C4
- CA86CC
- D298D3
- DAA9DB
- E2BAE2
- E9CBE9
- F1DCF1
- F8EEF8
Sombras
- 99449C
- 823985
- 6C2E6E
- 562458
- 421A44
- 2E1030
- 1C071D
- 0B020C
- 010002
Tons
- AC57AF
- A85DAA
- A362A5
- 9F67A0
- 9A6C9B
- 957096
- 907590
- 8B798B
- 867C86
Harmonias de cor
Complementar +180°
- B050B4
Fuchsia Pheromone
- 0F9732
≈ Peppermint Toad
Análoga -30° +30°
- B050B4
Fuchsia Pheromone
- 8861D8
≈ Gloomy Purple
- C94581
≈ Smitten
Tríade +120° +240°
- B050B4
Fuchsia Pheromone
- 9D7700
≈ Mesozoic Green
- 008E9A
≈ Coral Coast
Complementar dividida +150° +210°
- B050B4
Fuchsia Pheromone
- 7A8600
≈ Elwynn Forest Olive
- 00927B
≈ Aqua Waters
Tétrade +90° +180° +270°
- B050B4
Fuchsia Pheromone
- BC6200
≈ Fire Ant
- 0F9732
≈ Peppermint Toad
- 0087BE
≈ Forget-Me-Not
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.51:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.65:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--fuchsia-pheromone: #b050b4;
--fuchsia-pheromone-rgb: 176 80 180;
--fuchsia-pheromone-oklch: oklch(0.59 0.176 326);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(298 40% 51%);
border-color: oklch(0.59 0.176 326);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #b050b4;
--color-fuchsia-pheromone-50: #ffe4ff;
--color-fuchsia-pheromone-100: #ffd4ff;
--color-fuchsia-pheromone-200: #feb9fb;
--color-fuchsia-pheromone-300: #e796e5;
--color-fuchsia-pheromone-400: #d275d5;
--color-fuchsia-pheromone-500: #bf53c3;
--color-fuchsia-pheromone-600: #a147a5;
--color-fuchsia-pheromone-700: #813984;
--color-fuchsia-pheromone-800: #5f2964;
--color-fuchsia-pheromone-900: #421b46;
--color-fuchsia-pheromone-950: #2a0b2e;
}SCSS
$fuchsia-pheromone: #b050b4;
$fuchsia-pheromone-rgb: 176, 80, 180;
$fuchsia-pheromone-light: mix(#fff, $fuchsia-pheromone, 20%);
$fuchsia-pheromone-dark: mix(#000, $fuchsia-pheromone, 20%);
.element {
color: $fuchsia-pheromone;
box-shadow: 0 0 0 2px rgba($fuchsia-pheromone, 0.35);
}