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

#3C96B2 の色情報

#3C96B2

画像
HEX	#3C96B2
RGB	R:60 G:150 B:178
RGBの割合	R:23.5% G:58.8% B:69.8%
HSV	H:194.2 S:66.3 V:69.8
HSL	H:194.2 S:49.6 L:46.7
CMY	C:76.5 M:41.2 Y:30.2

CMYK	C:66.3 M:15.7 Y:0.0 K:30.2
YCbCr	Y:124.5 Cb:153.6 Cr:86.5
XYZ	X:20.8 Y:26.0 Z:46.0
xyY	x:0.224 y:0.280 Y:26.0

CIE Lab	L:58.0 a:-17.7 b*:-22.5
CIE LCh	L:58.0 C:28.6 h:231.7
CIE Luv	L:58.0 u:-34.9 v*:-31.7
Hunter Lab	L:51.0 a:-16.4 b:-17.9

#3C96B2 の色相別色一覧

#B2583C

#B2763C

#B2933C

#B2B13C

#96B23C

#79B23C

#5BB23C

#3EB23C

#3CB258

#3CB276

#3CB293

#3CB2B1

#3C96B2

#3C79B2

#3C5BB2

#3C3EB2

#583CB2

#763CB2

#933CB2

#B13CB2

#B23C96

#B23C79

#B23C5B

#B23C3E

#3C96B2 の彩度別色一覧

#B0B1B2

#A7AFB2

#9EADB2

#95ABB2

#8CA9B2

#83A7B2

#7AA5B2

#71A3B2

#69A1B2

#609EB2

#579CB2

#4E9AB2

#4598B2

#3C96B2

#3394B2

#2A92B2

#2190B2

#188EB2

#108BB2

#0789B2

#3C96B2 の明度別色一覧

#040A0C

#081519

#0D2026

#112B33

#15353F

#1A404C

#1E4B59

#225666

#276072

#2B6B7F

#2F768C

#338199

#388BA5

#3C96B2

#40A1BF

#45ABCC

#49B6D8

#4DC1E5

#51CCF2

#56D6FF

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

#6FC5E8

#3C96B2

#1B3645

#3B7194

#3C6573

#51A7D6

#2D5F69

#73D2E8

#143545

#3C96B2

#45B9E8

#27414F

#3C96B2

#166A78

#3E8C94

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

#3C96B2

#7E3CC9

#4DC67A

#A2A332

#9B4452

#AD3F67

#3C96B2

#36C939

#7A43A5

#9E9532

#8BC952

#9E2567

#C6803D

#3C96B2

#5635A3

#3C96B2 を使ったカマイユ

#41B1CC

#468EAD

#3C96B2

#3581A3

#3280A3

#41879B

#3C96B2

#419BAD

#48AFC9

#4DA9BC

#3C96B2

#4AAFC4

#2F9FBF

#43B6CC

#51A3C6

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

#2D969E

#368999

#3C96B2

#50A6C9

#42BAB8

#2B7996

#56BCC1

#34B5D3

#3C96B2

#40698E

#50A3CE

#3C96B2

#3A8799

#2F8ECE

#1F6591

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

#8ED1E6

#8CC9DB

#3C96B2

#5E838F

#94D0E3

#3C96B2

#7AAFBF

#012D3B

#4699B3

#6FACBF

#264D59

#2F5F6E

#1A92B8

#224854

#3C96B2

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

#39CAF7

#3C96B2

#415961

#3C96B2

#49636B

#20A9D4

#3C96B2

#33B5DE

#407282

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

#3C96B2

#B23C96

#96B23C

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

#B27F3C

#3C96B2

#B23C47

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

#3C96B2

#933CB2

#B2583C

#5BB23C

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

#3C96B2

#B2583C

#3C96B2

#95ABB2

#3C96B2

#56D7FF

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

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

#3C96B2

#3C96B2 の色情報

#3C96B2 の色相別色一覧

#3C96B2 の彩度別色一覧

#3C96B2 の明度別色一覧

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

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

#3C96B2 を使ったカマイユ

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

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

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

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

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

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

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