色の名前 #ccd2ca

Pale Loden

カラー :16 進数 (RGB 形式) (204, 210, 202): 80%, 82%, 79% red、80%, 82%, 79% green、80%, 82%, 79% blue。 CMYK 形式の #ccd2ca (3%, 0%, 4%, 18%): 3%, 0%, 4%, 18%。 HSL カラーモデル (105, 8%, 81%) の場合: 105, 8%, 81% 度、105, 8%, 81% 彩度、105, 8%, 81% 明度。他の形式と試合は以下に示されています。

#ccd2ca

#d1d7cf

#d6dbd5

#dbe0da

#e0e4df

#e6e9e5

#ebedea

#f0f2ef

#f5f6f4

#fafbfa

#ffffff

カラーフォーマット

HEX

#ccd2ca

RYB

0, 8, 0

RGB

204, 210, 202

Decimal

13423306

RGB %

80%, 82%, 79%

Websafe

#cccccc

CMYK

3%, 0%, 4%, 18%

Lab

83.54, -3.49, 3.24

HSL

105, 8%, 81%

XYZ

58.61, 63.19, 64.99

HSV

105, 4%, 82%

YIQ

207.29, -1, -3.76

Hunter-Lab

7.95, -0.07, 1.11

YUV

207.29, -2.6, -2.89

Android

0xFFccd2ca

Yxy

63.19, 0.31, 0.34

追加の色

#ccd2ca

#cbd2ca

#cad2cb

#cad2cc

#cad2ca

#cad2cb

#cad2cd

#cad2ce

#cad2cc

#cad2cd

#cad2cf

#cad2d0

#cad2ce

#cad2cf

#cad2d1

#cad2d2

#cad2d0

#cad2d1

#cad1d2

#cad0d2

#cad2d2

#cad1d2

#cacfd2

#caced2

#cad0d2

#cacfd2

#cacdd2

#caccd2

カラースキーム

Complementary

#ccd2ca

#d0cad2

Triad

#ccd2ca

#caccd2

#d2cacc

Tetrad

#ccd2ca

#cad0d2

#d0cad2

#d2ccca

シェード

#ccd2ca

#bec4bd

#b1b6af

#a3a8a2

#969a94

#888c87

#7a7e79

#6d706c

#5f625e

#525451

#444643

#363836

#292a28

#1b1c1b

#0e0e0d

ダークトーン

#a3a8a2

#9ba09a

#939791

#8b8f89

#838681

#7a7e79

#727671

#6a6d69

#626561

#5a5c59

#525451

#494c49

#414341

#393b39

#313230

ライトトーン

#ccd2ca

#d4dad2

#dce3da

#e4ebe2

#edf4ea

#f5fcf2

#fdfffa

#ffffff

単色

#a1ac9d

#a5b0a2

#aab4a6

#aeb8ab

#b2bbaf

#b7bfb4

#bbc3b8

#bfc7bd

#c3cac1

#c8cec6

#ccd2ca

#d0d6ce

#d5dad3

#d9ddd7

#dde1dc

類似した

#d2ccca

#d2d0ca

#d0d2ca

#ccd2ca

#cad2cc

#cad2d0

#cad0d2

HTML (CSS) のスタイル

このブロックの背景は色付きです #cad0d2

<div style="background: #cad0d2">Background</div>

div {background: #cad0d2;}

このブロックのテキストと境界線は色付きです #ccd2ca

div {color: #cad0d2;}

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

div {border: 1px solid #ccd2ca;}