#2196B4｜カラーサイト.com

#2196B4 の色情報

#2196B4

画像
HEX	#2196B4
RGB	R:33 G:150 B:180
RGBの割合	R:12.9% G:58.8% B:70.6%
HSV	H:192.2 S:81.7 V:70.6
HSL	H:192.2 S:69.0 L:41.8
CMY	C:87.1 M:41.2 Y:29.4

CMYK	C:81.7 M:16.7 Y:0.0 K:29.4
YCbCr	Y:117.7 Cb:158.5 Cr:74.5
XYZ	X:19.8 Y:25.4 Z:47.0
xyY	x:0.214 y:0.276 Y:25.4

CIE Lab	L:57.5 a:-20.5 b*:-24.5
CIE LCh	L:57.5 C:32.0 h:230.0
CIE Luv	L:57.5 u:-39.0 v*:-34.6
Hunter Lab	L:50.4 a:-18.3 b:-20.0

#2196B4 の色相別色一覧

#B43F21

#B46421

#B48921

#B4AD21

#96B421

#71B421

#4DB421

#28B421

#21B43F

#21B464

#21B489

#21B4AD

#2196B4

#2171B4

#214DB4

#2128B4

#3F21B4

#6421B4

#8921B4

#AD21B4

#B42196

#B42171

#B4214D

#B42128

#2196B4 の彩度別色一覧

#B1B3B4

#A8B2B4

#9FB0B4

#96AEB4

#8DACB4

#84AAB4

#7BA8B4

#72A7B4

#69A5B4

#60A3B4

#57A1B4

#4E9FB4

#459DB4

#3C9CB4

#339AB4

#2A98B4

#2196B4

#1894B4

#0F92B4

#0690B4

#2196B4 の明度別色一覧

#000102

#030C0E

#05171B

#072128

#0A2C35

#0C3641

#0E414E

#114C5B

#135668

#156174

#186C81

#1A768E

#1C819B

#1F8BA7

#2196B4

#23A1C1

#26ABCE

#28B6DA

#2AC1E7

#2DCBF4

#2196B4 を使ったトーンオントーン

#26718F

#144B52

#1A636B

#0FC8F2

#2196B4

#156978

#0F3545

#05D2E6

#2CB3D6

#2196B4

#13545C

#29566B

#4FDBF5

#44C7D1

#2196B4 を使ったトーンイントーン

#7020C3

#2196B4

#AA9D28

#A72760

#1CB715

#A07015

#2196B4

#C8156B

#29C31C

#522DC8

#40A226

#A2790E

#4E27AF

#9D296A

#2196B4

#2196B4 を使ったカマイユ

#137DA7

#0E7DAA

#219BC8

#2491A0

#2196B4

#2591A7

#2AB1C3

#23B7CB

#11AACE

#2196B4

#2B98C1

#2EB5CE

#2196B4

#128A9D

#1193A5

#2196B4 を使ったフォカマイユ

#2196B4

#1AA6C3

#23908D

#18D8D2

#29749B

#296FA2

#12D5CC

#40C1BB

#2196B4

#20CFD3

#0ED4D8

#2D71AA

#296C90

#2AAABE

#2196B4

#2196B4 を使ったドミナントカラー

#AFC6CC

#97C1CC

#3D626B

#26A6C7

#2196B4

#0082A3

#849194

#003745

#58676B

#314D54

#88CADB

#303233

#2196B4

#56676B

#2196B4 を使ったトライアド

#2196B4

#B42196

#96B421

#2196B4 を使ったスプリットコンプリメンタリー

#B47021

#2196B4

#B42134

#2196B4 を使ったテトラード

#2196B4

#8921B4

#B43F21

#4DB421

#2196B4 を使ったコントラスト

#2196B4

#B43F21

#2196B4

#7BA8B4

#2196B4

#135566

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

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

#2196B4

#2196B4 の色情報

#2196B4 の色相別色一覧

#2196B4 の彩度別色一覧

#2196B4 の明度別色一覧

#2196B4 を使ったトーンオントーン

#2196B4 を使ったトーンイントーン

#2196B4 を使ったカマイユ

#2196B4 を使ったフォカマイユ

#2196B4 を使ったドミナントカラー

#2196B4 を使ったトライアド

#2196B4 を使ったスプリットコンプリメンタリー

#2196B4 を使ったテトラード

#2196B4 を使ったコントラスト