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

#3D96C2 の色情報

#3D96C2

画像
HEX	#3D96C2
RGB	R:61 G:150 B:194
RGBの割合	R:23.9% G:58.8% B:76.1%
HSV	H:199.8 S:68.6 V:76.1
HSL	H:199.8 S:52.2 L:50.0
CMY	C:76.1 M:41.2 Y:23.9

CMYK	C:68.6 M:22.7 Y:0.0 K:23.9
YCbCr	Y:126.3 Cb:160.5 Cr:85.8
XYZ	X:22.6 Y:26.7 Z:55.0
xyY	x:0.216 y:0.256 Y:26.7

CIE Lab	L:58.7 a:-12.3 b*:-30.5
CIE LCh	L:58.7 C:32.9 h:248.0
CIE Luv	L:58.7 u:-33.9 v*:-45.6
Hunter Lab	L:51.7 a:-12.5 b:-26.9

#3D96C2 の色相別色一覧

#C2483D

#C2693D

#C28A3D

#C2AC3D

#B7C23D

#96C23D

#75C23D

#54C23D

#3DC248

#3DC269

#3DC28A

#3DC2AC

#3DB7C2

#3D96C2

#3D75C2

#3D54C2

#483DC2

#693DC2

#8A3DC2

#AC3DC2

#C23DB7

#C23D96

#C23D75

#C23D53

#3D96C2 の彩度別色一覧

#BBC0C2

#B1BDC2

#A8B9C2

#9EB6C2

#94B3C2

#8BB0C2

#81ACC2

#77A9C2

#6EA6C2

#64A3C2

#5AA0C2

#509CC2

#4799C2

#3D96C2

#3393C2

#2A90C2

#208CC2

#1689C2

#0D86C2

#0383C2

#3D96C2 の明度別色一覧

#010203

#050C10

#09161C

#0D2029

#112A36

#153343

#193D4F

#1D475C

#215169

#255B76

#296582

#2D6F8F

#31789C

#3582A9

#398CB5

#3D96C2

#41A0CF

#45AADC

#49B4E8

#4DBDF5

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

#61B2F0

#3D96C2

#238EA3

#26404D

#155E7D

#15506E

#153654

#3D96C2

#18558C

#3CA7F7

#3D96C2

#276594

#57A4F0

#396175

#204254

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

#4FB02F

#763EBF

#3D96C2

#B32668

#CA903B

#3D96C2

#79AB26

#2DB068

#822CAB

#AB302A

#954BBA

#DCCF47

#CC4F66

#2DA92D

#3D96C2

#3D96C2 を使ったカマイユ

#54B6DC

#349CC5

#3D96C2

#3DA0CA

#53A9D1

#3D96C2

#41A6C7

#3393B3

#3B85B5

#459AC7

#3D96C2

#3997D1

#32ACD4

#3C95CC

#4787AB

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

#4FA5DE

#2B9FB0

#1E98AE

#3D96C2

#55A3C7

#57B7E3

#3D96C2

#5496E1

#4F93BA

#258DE1

#3A719E

#437AA6

#257EAE

#3D96C2

#2B7CD1

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

#486573

#0D4E6E

#606E75

#566973

#3D96C2

#9FA7AB

#56A1C7

#304A57

#3D96C2

#4EA2CC

#4D798F

#3D96C2

#A2CADE

#1E4C63

#85B3C9

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

#3D96C2

#185D80

#A6D6ED

#4A6978

#3D96C2

#1CA6EB

#3D96C2

#567C8F

#23B5FC

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

#3D96C2

#C23D96

#96C23D

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

#C2953D

#3D96C2

#C23D3D

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

#3D96C2

#AC3DC2

#C2693D

#53C23D

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

#3D96C2

#C2693D

#3D96C2

#9EB6C2

#3D96C2

#204F66

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

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

#3D96C2

#3D96C2 の色情報

#3D96C2 の色相別色一覧

#3D96C2 の彩度別色一覧

#3D96C2 の明度別色一覧

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

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

#3D96C2 を使ったカマイユ

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

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

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

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

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

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

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