#59A6D2｜カラーサイト.com

#59A6D2 の色情報

#59A6D2

画像
HEX	#59A6D2
RGB	R:89 G:166 B:210
RGBの割合	R:34.9% G:65.1% B:82.4%
HSV	H:201.8 S:57.6 V:82.4
HSL	H:201.8 S:57.3 L:58.6
CMY	C:65.1 M:34.9 Y:17.6

CMYK	C:57.6 M:21.0 Y:0.0 K:17.6
YCbCr	Y:143.1 Cb:158.7 Cr:91.1
XYZ	X:29.4 Y:34.0 Z:66.0
xyY	x:0.227 y:0.263 Y:34.0

CIE Lab	L:65.0 a:-11.0 b*:-29.6
CIE LCh	L:65.0 C:31.6 h:249.5
CIE Luv	L:65.0 u:-32.7 v*:-44.9
Hunter Lab	L:58.4 a:-12.2 b:-26.2

#59A6D2 の色相別色一覧

#D26759

#D28559

#D2A359

#D2C259

#C4D259

#A6D259

#88D259

#6AD259

#59D267

#59D285

#59D2A3

#59D2C2

#59C4D2

#59A6D2

#5988D2

#596AD2

#6759D2

#8559D2

#A359D2

#C259D2

#D259C4

#D259A6

#D25988

#D2596A

#59A6D2 の彩度別色一覧

#CDD0D2

#C2CCD2

#B8C8D2

#ADC5D2

#A3C1D2

#98BDD2

#8EB9D2

#83B5D2

#79B1D2

#6EAED2

#64AAD2

#59A6D2

#4FA2D2

#449ED2

#3A9BD2

#2F97D2

#2593D2

#1A8FD2

#108BD2

#0587D2

#59A6D2 の明度別色一覧

#030506

#080F13

#0D1920

#13232C

#182D39

#1E3746

#234153

#284B5F

#2E556C

#335F79

#396A86

#3E7492

#437E9F

#4988AC

#4E92B9

#549CC5

#59A6D2

#5EB0DF

#64BAEC

#69C4F8

#59A6D2 を使ったトーンオントーン

#5E8499

#5AB7F0

#174D5C

#4C6A7A

#59A6D2

#37B8F7

#5984A3

#142F4A

#48647D

#59A6D2

#27728F

#245869

#54D0F5

#1E454F

#59A6D2

#59A6D2 を使ったトーンイントーン

#59A6D2

#B9B756

#40BB48

#C05F6B

#9F61B9

#D1DC6B

#B260E9

#67DA8F

#59A6D2

#CD555F

#954ED7

#5CC552

#DFCE51

#59A6D2

#BE567B

#59A6D2 を使ったカマイユ

#73B9E4

#59A6D2

#4A9AC5

#4498BB

#4B8DB9

#6BBCDC

#6AABCA

#4389BE

#59A6D2

#70BADF

#66BDEC

#59A6D2

#418BC8

#498EB9

#5A98BE

#59A6D2 を使ったフォカマイユ

#4198C3

#59A6D2

#6DCEE1

#4897D7

#7CB0E4

#5EA7BB

#58A6BE

#76AEF3

#59A6D2

#63E5F6

#6FC7E6

#4FA0EC

#599FEE

#79BCF6

#59A6D2

#59A6D2 を使ったドミナントカラー

#327DA8

#59A6D2

#284759

#18435C

#489ECF

#2B8BC2

#3A515E

#02334F

#59A6D2

#919699

#0E99E8

#0B2533

#727678

#59A6D2

#263640

#59A6D2 を使ったトライアド

#59A6D2

#D259A6

#A6D259

#59A6D2 を使ったスプリットコンプリメンタリー

#D2AD59

#59A6D2

#D25D59

#59A6D2 を使ったテトラード

#59A6D2

#C259D2

#D28559

#6AD259

#59A6D2 を使ったコントラスト

#59A6D2

#D28559

#59A6D2

#C2CCD2

#59A6D2

#2B5166

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

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

#59A6D2

#59A6D2 の色情報

#59A6D2 の色相別色一覧

#59A6D2 の彩度別色一覧

#59A6D2 の明度別色一覧

#59A6D2 を使ったトーンオントーン

#59A6D2 を使ったトーンイントーン

#59A6D2 を使ったカマイユ

#59A6D2 を使ったフォカマイユ

#59A6D2 を使ったドミナントカラー

#59A6D2 を使ったトライアド

#59A6D2 を使ったスプリットコンプリメンタリー

#59A6D2 を使ったテトラード

#59A6D2 を使ったコントラスト