#0BBC75

≈ mediumseagreen

%
Abrir página da cor

Códigos de cor

HEX#0BBC75
RGBrgb(11, 188, 117)
HSLhsl(155.93°, 88.94%, 39.02%)
HSVhsv(155.93°, 94.15%, 73.73%)
CMYKcmyk(94.15%, 0%, 37.77%, 26.27%)
XYZxyz(21.33, 37.32, 22.91)
LABlab(67.52, -56.14, 25.05)
LCHlch(67.52, 61.47, 155.96°)

Códigos de cor

HEX#0BBC75
RGBrgb(11, 188, 117)
HSLhsl(155.93°, 88.94%, 39.02%)
HSVhsv(155.93°, 94.15%, 73.73%)
CMYKcmyk(94.15%, 0%, 37.77%, 26.27%)
XYZxyz(21.33, 37.32, 22.91)
LABlab(67.52, -56.14, 25.05)
LCHlch(67.52, 61.47, 155.96°)

Acessibilidade

Sobre branco2.48:1AA ✗AAA ✗
Sobre preto8.46:1AA ✓AAA ✓

Um pequeno jabuti xereta

Texto sobre a cor, para avaliar a legibilidade antes de se comprometer com ela.

Variações e combinações de cor

As tonalidades claras misturam a cor com branco puro e as escuras com preto puro. As duas escalas são calculadas em passos de 10%, para clarear ou escurecer um tom sem sair dele.

Tons escuros

Tons claros

Harmonias de cor

As harmonias escolhem cores acompanhantes pela posição no círculo cromático. Cada regra cria um clima diferente, do contraste forte às misturas suaves entre vizinhas.

#0BBC75
#BC0B52

Complementar

O matiz diretamente oposto no círculo, a 180°. Contraste máximo: funciona melhor quando uma cor lidera e a outra dá o acento.

Criar gradiente
#0BBC75
#BC0BAA
#BC1D0B

Complementar dividida

A cor base mais as duas vizinhas da sua oposta, a cerca de 30° de cada lado. Mantém o contraste e suaviza o choque.

Criar gradiente
#0BBC75
#750BBC
#BC750B

Triádica

Três matizes espaçados em 120°. Vivo e equilibrado: deixe um dominar e use os outros como acentos.

Criar gradiente
#0BBC1D
#0BBC75
#0BAABC

Análoga

Três matizes vizinhos a 30°. Pouco contraste e bem tranquilo, ideal para fundos calmos e gradientes.

Criar gradiente
#04442A
#088251
#0BBC75
#13F198
#52F5B3

Monocromática

Um único matiz em vários níveis de luminosidade. Coerente por construção e o caminho mais seguro para uma interface uniforme.

Criar gradiente
#0BBC75
#0B52BC
#BC0B52
#BC750B

Tetrádica

Dois pares complementares formando um retângulo no círculo. O esquema mais rico e o que exige mais contenção.

Criar gradiente

Mais cores em alta