Informação da cor #236d4f

A cor hexadecimal 236d4f no modelo de cores RGB (Red, Green, Blue), é um composta por 35 de vermelho, 109 de verde e 79 de azul.

No padrão de cores CMYK, é composto por 67.9% de ciano, 0% de magenta, 27.5% de amarelo e 57.3% de preto. Tem um ângulo de matiz de 155.7 graus, uma saturação de 51.4% e uma leveza de 28.2%.

A cor mais próxima WebSafe é 006633.

Conversões de #236d4f 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 236d4f
RGB 35, 109, 79
RGB Percentagem 13.7%, 42.7%, 31%
CMYK 0.68, 0, 0.28, 0.57
HSL 155.7°, 51.4%, 28.2%
HSV (ou HSB) 155.7°, 67.9%, 42.8%
RYB 13.7, 32.2, 42.7
Formato Cor
XYZ 9.1, 14, 11.4
CIELab 44.22, -30.71, 9.66
Decimal 2321743
Yxy 11.8583, 0.2637, 0.413
YUV 83.454, 125.4865, 93.4394
CIELuv 40.99, -29.7551, 17.0554
Web Safe 006633

Distribuição de #236d4f

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.

#236d4f

#236d4f
rgb(35,109,79)

#6d2341

#6d2341
rgb(109,35,65)

Cores triadicas

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

#50236d

#50236d
rgb(80,35,109)

#236d4f

#236d4f
rgb(35,109,79)

#6d5023

#6d5023
rgb(109,80,35)

Cores tetrádicas

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

#2b236d

#2b236d
rgb(43,35,109)

#236d4f

#236d4f
rgb(35,109,79)

#6d2341

#6d2341
rgb(109,35,65)

#666d23

#666d23
rgb(102,109,35)

Cores monocromáticas

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

#236d4f

#236d4f
rgb(35,109,79)

#566d64

#566d64
rgb(86,109,100)

#556d63

#556d63
rgb(85,109,99)

#546d63

#546d63
rgb(84,109,99)

#536d63

#536d63
rgb(83,109,99)

#526d62

#526d62
rgb(82,109,98)

Tons e Matizes de #236d4f

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

Matiz (adicionando branco)
#236d4f

#236d4f
rgb(35,109,79)

#4f8a72

#4f8a72
rgb(79,138,114)

#7ba795

#7ba795
rgb(123,167,149)

#a7c4b8

#a7c4b8
rgb(167,196,184)

#d3e1db

#d3e1db
rgb(211,225,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#236d4f

#236d4f
rgb(35,109,79)

#1c573f

#1c573f
rgb(28,87,63)

#15412f

#15412f
rgb(21,65,47)

#0d2b1f

#0d2b1f
rgb(13,43,31)

#06150f

#06150f
rgb(6,21,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #236d4f

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

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

Contraste

Branco e #236d4f
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ 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 #236d4f
Texto grande WCAG AA ✓ 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.

Exemplos CSS

Texto com cor hexadecimal #236d4f

Este exemplo mostra como o texto na cor #236d4f se parece.

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

Este parágrafo tem fundo de cor #236d4f.

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

Este elemento tem uma cor de borda de #236d4f.

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

Cores alietórias

#2c1cff

#2c1cff
rgb(44,28,255)

#ce3386

#ce3386
rgb(206,51,134)

#2dbb75

#2dbb75
rgb(45,187,117)

#5a6e6d

#5a6e6d
rgb(90,110,109)

#0a3c94

#0a3c94
rgb(10,60,148)

#fe30c0

#fe30c0
rgb(254,48,192)

#fdb582

#fdb582
rgb(253,181,130)

#54ab82

#54ab82
rgb(84,171,130)

#c9fd04

#c9fd04
rgb(201,253,4)

#267b2e

#267b2e
rgb(38,123,46)

#deb977

#deb977
rgb(222,185,119)

#b46d5e

#b46d5e
rgb(180,109,94)