Informação da cor #98bf43

A cor hexadecimal 98bf43 no modelo de cores RGB (Red, Green, Blue), é um composta por 152 de vermelho, 191 de verde e 67 de azul.

No padrão de cores CMYK, é composto por 20.4% de ciano, 0% de magenta, 64.9% de amarelo e 25.1% de preto. Tem um ângulo de matiz de 78.9 graus, uma saturação de 49.2% e uma leveza de 50.6%.

A cor mais próxima WebSafe é 669933.

Conversões de #98bf43 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 98bf43
RGB 152, 191, 67
RGB Percentagem 59.6%, 74.9%, 26.3%
CMYK 0.2, 0, 0.65, 0.25
HSL 78.9°, 49.2%, 50.6%
HSV (ou HSB) 78.9°, 64.9%, 74.9%
RYB 26.3, 74.9, 41.6
Formato Cor
XYZ 35.2, 47.2, 14
CIELab 74.32, -30.2, 54.77
Decimal 10010435
Yxy 44.3419, 0.3659, 0.4977
YUV 165.203, 72.5807, 118.5827
CIELuv 72.4564, -19.0868, 70.8679
Web Safe 669933

Distribuição de #98bf43

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#98bf43

#98bf43
rgb(152,191,67)

#6a43bf

#6a43bf
rgb(106,67,191)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#4399bf

#4399bf
rgb(67,153,191)

#98bf43

#98bf43
rgb(152,191,67)

#bf4399

#bf4399
rgb(191,67,153)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#43bfa8

#43bfa8
rgb(67,191,168)

#98bf43

#98bf43
rgb(152,191,67)

#6a43bf

#6a43bf
rgb(106,67,191)

#bf435b

#bf435b
rgb(191,67,91)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#98bf43

#98bf43
rgb(152,191,67)

#b2bf96

#b2bf96
rgb(178,191,150)

#b2bf94

#b2bf94
rgb(178,191,148)

#b1bf92

#b1bf92
rgb(177,191,146)

#b1bf90

#b1bf90
rgb(177,191,144)

#b0bf8f

#b0bf8f
rgb(176,191,143)

Tons e Matizes de #98bf43

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#98bf43

#98bf43
rgb(152,191,67)

#accb68

#accb68
rgb(172,203,104)

#c1d88e

#c1d88e
rgb(193,216,142)

#d5e5b3

#d5e5b3
rgb(213,229,179)

#eaf2d9

#eaf2d9
rgb(234,242,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#98bf43

#98bf43
rgb(152,191,67)

#799835

#799835
rgb(121,152,53)

#5b7228

#5b7228
rgb(91,114,40)

#3c4c1a

#3c4c1a
rgb(60,76,26)

#1e260d

#1e260d
rgb(30,38,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #98bf43 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #98bf43 fica em um fundo preto.

Fundo de cor #98bf43

Esta visualização mostra como a cor branca fica em um fundo #98bf43.

Esta visualização mostra como a cor preta fica em um fundo #98bf43.

Contraste

Branco e #98bf43
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #98bf43
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #98bf43

Este exemplo mostra como o texto na cor #98bf43 se parece.

<span style="color:#98bf43;">Aqui fica o texto.</span>
Cor de fundo #98bf43

Este parágrafo tem fundo de cor #98bf43.

<p style="background-color:#98bf43;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #98bf43.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#98bf43;}
.background {background-color:#98bf43;}
.border {border:1px solid #98bf43;}

Cores alietórias

#d3c53c

#d3c53c
rgb(211,197,60)

#fe647d

#fe647d
rgb(254,100,125)

#94faec

#94faec
rgb(148,250,236)

#c548b1

#c548b1
rgb(197,72,177)

#490892

#490892
rgb(73,8,146)

#e0a1ab

#e0a1ab
rgb(224,161,171)

#9fecd8

#9fecd8
rgb(159,236,216)

#d0cab2

#d0cab2
rgb(208,202,178)

#20f466

#20f466
rgb(32,244,102)

#9ff630

#9ff630
rgb(159,246,48)

#2f5bb9

#2f5bb9
rgb(47,91,185)

#c38193

#c38193
rgb(195,129,147)