#4485A2｜カラーサイト.com

#4485A2 の色情報

#4485A2

画像
HEX	#4485A2
RGB	R:68 G:133 B:162
RGBの割合	R:26.7% G:52.2% B:63.5%
HSV	H:198.5 S:58.0 V:63.5
HSL	H:198.5 S:40.9 L:45.1
CMY	C:73.3 M:47.8 Y:36.5

CMYK	C:58.0 M:17.9 Y:0.0 K:36.5
YCbCr	Y:116.4 Cb:150.4 Cr:97.4
XYZ	X:17.3 Y:20.6 Z:37.3
xyY	x:0.230 y:0.274 Y:20.6

CIE Lab	L:52.5 a:-12.0 b*:-21.7
CIE LCh	L:52.5 C:24.9 h:241.0
CIE Luv	L:52.5 u:-27.4 v*:-30.7
Hunter Lab	L:45.4 a:-11.5 b:-16.9

#4485A2 の色相別色一覧

#A24A44

#A26144

#A27944

#A29044

#9DA244

#85A244

#6EA244

#56A244

#44A24A

#44A261

#44A279

#44A290

#449DA2

#4485A2

#446EA2

#4456A2

#4A44A2

#6144A2

#7944A2

#9044A2

#A2449D

#A24485

#A2446E

#A24456

#4485A2 の彩度別色一覧

#9DA0A2

#959EA2

#8D9BA2

#8599A2

#7D96A2

#7594A2

#6D91A2

#648FA2

#5C8CA2

#548AA2

#4C87A2

#4485A2

#3C83A2

#3480A2

#2C7EA2

#247BA2

#1C79A2

#1376A2

#0B74A2

#0371A2

#4485A2 の明度別色一覧

#040709

#091216

#0E1C23

#14272F

#19313C

#1F3C49

#244656

#295162

#2F5B6F

#34667C

#397089

#3F7B95

#4485A2

#498FAF

#4F9ABC

#54A4C8

#59AFD5

#5FB9E2

#64C4EF

#69CEFB

#4485A2 を使ったトーンオントーン

#53B6ED

#7AA2C4

#4485A2

#295873

#1F3E45

#2B6A75

#4BA7FA

#4485A2

#294B57

#419DBF

#4485A2

#78A1C2

#2B567A

#2D4D57

#8DD0E3

#4485A2 を使ったトーンイントーン

#4485A2

#B45871

#6B3A8E

#A7AC54

#369A41

#4485A2

#89404E

#70458E

#4EB675

#8D9333

#4485A2

#439557

#A1A54F

#893750

#6A4089

#4485A2 を使ったカマイユ

#5192BC

#478BB1

#569EBC

#4485A2

#60A7BC

#4082A5

#317690

#4283AA

#4485A2

#538EB4

#4485A2

#429AB6

#528FB6

#377189

#4B809F

#4485A2 を使ったフォカマイユ

#2C6198

#4F9BAF

#4485A2

#5D8CAA

#2F5F7E

#36587C

#34AFB9

#4485A2

#3A8CB4

#5584C1

#347C86

#537B9A

#4485A2

#496B90

#296983

#4485A2 を使ったドミナントカラー

#2C414A

#246785

#4485A2

#60BCE6

#4D5559

#077AAD

#4B5559

#4D8096

#4485A2

#1F3B47

#16749E

#01374F

#00B0FF

#136185

#4485A2

#4485A2 を使ったアイデンティティ

#4485A2

#3A5C6B

#3AB9F2

#20B5F7

#225F7A

#4485A2

#029CE0

#4485A2

#6AA3BD

#4485A2 を使ったトライアド

#4485A2

#A24485

#85A244

#4485A2 を使ったスプリットコンプリメンタリー

#A28044

#4485A2

#A24446

#4485A2 を使ったテトラード

#4485A2

#9044A2

#A26144

#56A244

#4485A2 を使ったコントラスト

#4485A2

#A26144

#4485A2

#959EA2

#4485A2

#6BD1FF

#4485A2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#4485A2の色相や彩度を変えたときの配色なども一覧で表示します。

#4485A2

#4485A2 の色情報

#4485A2 の色相別色一覧

#4485A2 の彩度別色一覧

#4485A2 の明度別色一覧

#4485A2 を使ったトーンオントーン

#4485A2 を使ったトーンイントーン

#4485A2 を使ったカマイユ

#4485A2 を使ったフォカマイユ

#4485A2 を使ったドミナントカラー

#4485A2 を使ったアイデンティティ

#4485A2 を使ったトライアド

#4485A2 を使ったスプリットコンプリメンタリー

#4485A2 を使ったテトラード

#4485A2 を使ったコントラスト