#3A90B2｜カラーサイト.com

#3A90B2 の色情報

#3A90B2

画像
HEX	#3A90B2
RGB	R:58 G:144 B:178
RGBの割合	R:22.7% G:56.5% B:69.8%
HSV	H:197.0 S:67.4 V:69.8
HSL	H:197.0 S:50.8 L:46.3
CMY	C:77.3 M:43.5 Y:30.2

CMYK	C:67.4 M:19.1 Y:0.0 K:30.2
YCbCr	Y:120.9 Cb:155.7 Cr:87.8
XYZ	X:19.8 Y:24.1 Z:45.7
xyY	x:0.221 y:0.269 Y:24.1

CIE Lab	L:56.1 a:-14.8 b*:-25.4
CIE LCh	L:56.1 C:29.4 h:239.7
CIE Luv	L:56.1 u:-33.1 v*:-36.6
Hunter Lab	L:49.1 a:-14.0 b:-20.9

#3A90B2 の色相別色一覧

#B23E3A

#B25C3A

#B27A3A

#B2983A

#AEB23A

#90B23A

#72B23A

#54B23A

#3AB23E

#3AB25C

#3AB27A

#3AB298

#3AAEB2

#3A90B2

#3A72B2

#3A54B2

#3E3AB2

#5C3AB2

#7A3AB2

#983AB2

#B23AAE

#B23A90

#B23A72

#B23A54

#3A90B2 の彩度別色一覧

#AEB1B2

#A5AEB2

#9CACB2

#93A9B2

#8AA7B2

#81A4B2

#78A2B2

#6F9FB2

#679DB2

#5E9AB2

#5598B2

#4C95B2

#4393B2

#3A90B2

#318DB2

#288BB2

#1F88B2

#1686B2

#0E83B2

#0581B2

#3A90B2 の明度別色一覧

#040A0C

#081419

#0C1F26

#102933

#15333F

#193D4C

#1D4859

#215266

#255C72

#29677F

#2E718C

#327B99

#3686A5

#3A90B2

#3E9ABF

#42A5CC

#46AFD8

#4BB9E5

#4FC4F2

#53CEFF

#3A90B2 を使ったトーンオントーン

#124554

#1C5673

#23B6E3

#3A90B2

#358791

#64DFF7

#204854

#355870

#2D8896

#3A90B2

#143D45

#59D5E6

#215880

#3C9FCC

#3A90B2

#3A90B2 を使ったトーンイントーン

#BC2C53

#C4AF3A

#3A90B2

#3DC94B

#9048BA

#592BA3

#68A03C

#B73380

#BA7831

#3A90B2

#7748AD

#3A90B2

#2AA32C

#9B9939

#C9376D

#3A90B2 を使ったカマイユ

#2F78A3

#268EAA

#2C99BA

#3A90B2

#38869E

#3A90B2

#3B8DBA

#3282AA

#3E99BA

#3285A3

#3485AA

#4EA4C9

#2B7BA3

#3A90B2

#37A0BA

#3A90B2 を使ったフォカマイユ

#3A90B2

#5CACCE

#51C3CC

#2688A3

#4AA1C9

#4EA8C4

#38BDCC

#4C8AD1

#3A90B2

#1A8F93

#2B93C6

#19868E

#4B81A8

#3A90B2

#5A95C1

#3A90B2 を使ったドミナントカラー

#3A90B2

#59CAF7

#437B91

#54A5C4

#4C7E91

#32383B

#164A5E

#314C57

#4889A3

#3A90B2

#39A2CC

#81A8B8

#B8E3F5

#3A90B2

#93B6C4

#3A90B2 を使ったアイデンティティ

#124559

#91BDCF

#3A90B2

#0098D4

#3A90B2

#547987

#0F6C91

#688794

#3A90B2

#3A90B2 を使ったトライアド

#3A90B2

#B23A90

#90B23A

#3A90B2 を使ったスプリットコンプリメンタリー

#B2843A

#3A90B2

#B23A40

#3A90B2 を使ったテトラード

#3A90B2

#983AB2

#B25C3A

#54B23A

#3A90B2 を使ったコントラスト

#3A90B2

#B25C3A

#3A90B2

#93A9B2

#3A90B2

#53CEFF

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

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

#3A90B2

#3A90B2 の色情報

#3A90B2 の色相別色一覧

#3A90B2 の彩度別色一覧

#3A90B2 の明度別色一覧

#3A90B2 を使ったトーンオントーン

#3A90B2 を使ったトーンイントーン

#3A90B2 を使ったカマイユ

#3A90B2 を使ったフォカマイユ

#3A90B2 を使ったドミナントカラー

#3A90B2 を使ったアイデンティティ

#3A90B2 を使ったトライアド

#3A90B2 を使ったスプリットコンプリメンタリー

#3A90B2 を使ったテトラード

#3A90B2 を使ったコントラスト