41 Tons diferentes de Rosa (+ códigos HEX)

Explore todos os tons de rosa, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores rosa. Clique em qualquer tom para copiar o código.

O rosa é a cor do afeto, da leveza e do charme atemporal! De pastéis delicados a rosas escuros e marcantes, explore nossa coleção com mais de 40 tons de rosa que deixam qualquer projeto caloroso e alegre.

Se você prefere um blush delicado ou uma fúcsia ousada, vai encontrar vários tons com seus nomes e códigos HEX, além de paletas de rosa lindas para dar cor aos seus trabalhos!

  • lavender blush
    #FFF0F5
  • peachy pink
    #FFCCCB
  • pastel pink
    #FFD1DC
  • tea rose
    #F4C2C3
  • baby pink
    #F4C2C2
  • bubble gum
    #FFC1CC
  • rose pink
    #FFC0CB
  • blush pink
    #FFB6C1
  • light pink
    #FFB6C1
  • cherry blossom pink
    #FFB7C5
  • cotton candy pink
    #FFBCD9
  • classic rose
    #FACCE7
  • tickle me pink
    #FC89AC
  • persian pink
    #F77FBE
  • pink pearl
    #E7ACCF
  • nadeshiko pink
    #F6ADC6
  • lavender rose
    #FBA0E3
  • orchid pink
    #DA70D6
  • pastel magenta
    #F49AC2
  • carnation pink
    #FFA6C9
  • pink sherbet
    #F78FA7
  • light coral
    #F08080
  • salmon pink
    #FF91A4
  • light salmon pink
    #FF9899
  • ruddy pink
    #E18E96
  • flamingo pink
    #FC8EAC
  • salmon
    #FE8C68
  • coral pink
    #F88379
  • bubblegum pink
    #FF69B4
  • hot pink
    #FF69B4
  • watermelon pink
    #FC6C85
  • dusty rose
    #DCAE96
  • old rose
    #C08081
  • mulberry pink
    #C54B8C
  • mauve pink
    #915F6D
  • cerise pink
    #DE3163
  • raspberry pink
    #E30B5C
  • persian rose
    #FE28A2
  • magenta pink
    #FF0090
  • neon pink
    #FF10F0
  • fuchsia pink
    #FF00FF

Rosa: códigos HEX e RGB

rosa tem os seguintes códigos de cor principais:

  • HEX: #FFADBB

  • RGB: (255, 173, 187).

Explore uma ampla gama de tons de rosa no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!

Explore os tons mais claros de rosa

  • Sundown

    #ffadbb

  • Sundown

    #ffb3c1

  • Pink

    #ffbdc9

  • Pink

    #ffc7cf

  • Pastel Pink

    #ffccd5

  • Pastel Pink

    #ffd6dd

  • Pippin

    #ffe0e6

  • Lavender blush

    #ffe5eb

  • Chablis

    #fff0f1

  • Rose White

    #fff5f6

Explore os tons mais escuros de rosa

  • Aubergine

    #31070e

  • Heath

    #4c101a

  • Persian Plum

    #641b28

  • El Salva

    #822b3b

  • Vin Rouge

    #983e4f

  • Cadillac

    #b35666

  • Contessa

    #cd707f

  • Carissma

    #e68e9d

rosa em HEX, RGB, HSL e CMYK

HEX#FFADBB
RGBrgb(255, 173, 187)
HSLhsl(350, 100%, 84%)
CMYKcmyk(0%, 32%, 27%, 0%)

Tons claros e escuros de rosa

Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.

Mais claros

  • #ffb8c4

  • #ffc2cc

  • #ffccd5

  • #ffd6dd

  • #ffe0e5

  • #ffebee

Mais escuros

  • #ff6982

  • #ff254a

  • #e00025

  • #9c001a

  • #58000f

  • #140003

Cores que combinam com rosa

Complementar

#FFADBB #adfff1

O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.

Análogas

#ffade4 #FFADBB #ffc9ad

Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.

Tríade

#FFADBB #bbffad #adbbff

Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.

Texto sobre rosa

Exemplo de texto primário
Texto branco sobre rosa1.76:1Reprovado
Exemplo de texto primário
Texto quase preto sobre rosa10.09:1AAA

Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste

Tabela de tons de rosa

Tabela com cinco tons de rosa, do mais claro ao mais escuro

Clique com o botão direito para salvar a tabela, ou copie os códigos acima.

Paletas de cores com um tom parecido