#3695B2｜カラーサイト.com

#3695B2 の色情報

#3695B2

画像
HEX	#3695B2
RGB	R:54 G:149 B:178
RGBの割合	R:21.2% G:58.4% B:69.8%
HSV	H:194.0 S:69.7 V:69.8
HSL	H:194.0 S:53.4 L:45.5
CMY	C:78.8 M:41.6 Y:30.2

CMYK	C:69.7 M:16.3 Y:0.0 K:30.2
YCbCr	Y:122.4 Cb:154.8 Cr:84.2
XYZ	X:20.3 Y:25.5 Z:46.0
xyY	x:0.221 y:0.278 Y:25.5

CIE Lab	L:57.6 a:-18.1 b*:-23.2
CIE LCh	L:57.6 C:29.5 h:232.0
CIE Luv	L:57.6 u:-35.7 v*:-32.9
Hunter Lab	L:50.5 a:-16.6 b:-18.6

#3695B2 の色相別色一覧

#B25336

#B27236

#B29136

#B2B036

#95B236

#76B236

#57B236

#38B236

#36B253

#36B272

#36B291

#36B2B0

#3695B2

#3676B2

#3657B2

#3638B2

#5336B2

#7236B2

#9136B2

#B036B2

#B23695

#B23676

#B23657

#B23638

#3695B2 の彩度別色一覧

#AAB0B2

#A1AEB2

#98ACB2

#8FAAB2

#86A8B2

#7DA6B2

#74A4B2

#6BA1B2

#639FB2

#5A9DB2

#519BB2

#4899B2

#3F97B2

#3695B2

#2D93B2

#2491B2

#1B8FB2

#128DB2

#0A8BB2

#0189B2

#3695B2 の明度別色一覧

#040A0C

#081519

#0B2026

#0F2A33

#13353F

#17404C

#1B4A59

#1F5566

#236072

#276A7F

#2A758C

#2E8099

#328AA5

#3695B2

#3AA0BF

#3EAACC

#42B5D8

#45C0E5

#49CAF2

#4DD5FF

#3695B2 を使ったトーンオントーン

#4ECFF0

#184559

#0F6973

#197991

#3695B2

#1E4152

#3695B2

#79D1FA

#0E5A8C

#0E6780

#204145

#74C3E6

#316D73

#226F96

#3695B2

#3695B2 を使ったトーンイントーン

#C43F93

#C49828

#3695B2

#2CA328

#6745AF

#BAB13C

#CC527D

#3695B2

#41BC64

#532BAF

#C92D5E

#AFA227

#5C33AD

#3695B2

#3DC15C

#3695B2 を使ったカマイユ

#2D99B7

#3695B2

#259AB5

#397F99

#2294A8

#29829B

#39839E

#48A9BC

#3695B2

#358DA0

#41AAC4

#3192A8

#358BA0

#2798B7

#3695B2

#3695B2 を使ったフォカマイユ

#48B5B7

#5094C1

#3695B2

#40B0BF

#3DB3B7

#277A8E

#2F83AA

#3695B2

#1F91A8

#398C91

#1A6AA8

#38BACE

#35B3C9

#3695B2

#3A94AA

#3695B2 を使ったドミナントカラー

#225C6E

#B4D6E0

#5F7075

#3B606B

#3695B2

#1D4B59

#A1DDF0

#3695B2

#4F8C9E

#607880

#289CBF

#036C8C

#3FC3EB

#3695B2

#1A9CC4

#3695B2 を使ったトライアド

#3695B2

#B23695

#95B236

#3695B2 を使ったスプリットコンプリメンタリー

#B27C36

#3695B2

#B23642

#3695B2 を使ったテトラード

#3695B2

#9136B2

#B25336

#57B236

#3695B2 を使ったコントラスト

#3695B2

#B25336

#3695B2

#8FAAB2

#3695B2

#4DD5FF

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

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

#3695B2

#3695B2 の色情報

#3695B2 の色相別色一覧

#3695B2 の彩度別色一覧

#3695B2 の明度別色一覧

#3695B2 を使ったトーンオントーン

#3695B2 を使ったトーンイントーン

#3695B2 を使ったカマイユ

#3695B2 を使ったフォカマイユ

#3695B2 を使ったドミナントカラー

#3695B2 を使ったトライアド

#3695B2 を使ったスプリットコンプリメンタリー

#3695B2 を使ったテトラード

#3695B2 を使ったコントラスト