Nome da cor #ccc14d

Anime

Cor #ccc14d no formato RGB (204, 193, 77): 80%, 76%, 30% vermelho, 80%, 76%, 30% verde, 80%, 76%, 30% azul. #ccc14d no formato CMYK (0%, 5%, 62%, 20%): 0%, 5%, 62%, 20%. No modelo de cores HSL (55, 55%, 55%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#ccc14d

#d1c75f

#d6cd71

#dbd482

#e0da94

#e6e0a6

#ebe6b8

#f0ecca

#f5f3db

#faf9ed

#ffffff

Formatos de cores

HEX

#ccc14d

RYB

11, 116, -11

RGB

204, 193, 77

Decimal

13418829

RGB %

80%, 76%, 30%

Websafe

#cccc66

CMYK

0%, 5%, 62%, 20%

Lab

76.99, -10.22, 58.01

HSL

55, 55%, 55%

XYZ

45.31, 51.51, 14.58

HSV

55, 62%, 80%

YIQ

183.07, 43.91, -33.87

Hunter-Lab

7.18, -0.7, 3.92

YUV

183.07, -52.19, 18.37

Android

0xFFccc14d

Yxy

51.51, 0.41, 0.46

Cores Adicionais

#ccbf4d

#c4cc4d

#aecc4d

#99cc4d

#b9cc4d

#a4cc4d

#8fcc4d

#79cc4d

#99cc4d

#84cc4d

#6fcc4d

#5acc4d

#79cc4d

#64cc4d

#4fcc4d

#4dcc60

#5acc4d

#4dcc55

#4dcc6b

#4dcc80

#4dcc60

#4dcc75

#4dcc8a

#4dcca0

#4dcc80

#4dcc95

#4dccaa

#4dccbf

Esquema de cores

Complementary

#ccc14d

#4d5acc

Triad

#ccc14d

#4dccbf

#bf4dcc

Tetrad

#ccc14d

#4dcc80

#4d5acc

#cc4d99

Tons

#ccc14d

#beb448

#b1a743

#a39a3e

#968e38

#888133

#7a742e

#6d6729

#5f5a24

#524d1f

#44401a

#363315

#29270f

#1b1a0a

#0e0d05

Tons escuros

#a39a3e

#9b933b

#938b37

#8b8334

#837c31

#7a742e

#726c2b

#6a6428

#625d25

#5a5522

#524d1f

#49451c

#413e19

#393616

#312e12

Tons claros

#ccc14d

#d4c950

#dcd053

#e4d856

#ede059

#f5e85c

#fdef5f

#fff763

#ffff66

#ffff69

#ffff6c

#ffff6f

#ffff72

#ffff75

#ffff78

Monocromático

#afa432

#b3a833

#b7ac35

#bcb036

#c0b437

#c5b838

#c7bb3c

#c8bc40

#c9be44

#cbbf49

#ccc14d

#cdc351

#cfc456

#d0c65a

#d1c75e

Análogo

#cc4d97

#cc4d58

#cc804d

#ccbf4d

#99cc4d

#5acc4d

#4dcc80

Estilos para HTML (CSS)

O fundo deste bloco é colorido #4dcc80

<div style="background: #4dcc80">Background</div>

div {background: #4dcc80;}

O texto e as bordas deste bloco são coloridos #ccc14d

div {color: #4dcc80;}

<div style="border: 1px solid #ccc14d">Border</div>

div {border: 1px solid #ccc14d;}