#4695A2｜カラーサイト.com

#4695A2 の色情報

#4695A2

画像
HEX	#4695A2
RGB	R:70 G:149 B:162
RGBの割合	R:27.5% G:58.4% B:63.5%
HSV	H:188.5 S:56.8 V:63.5
HSL	H:188.5 S:39.7 L:45.5
CMY	C:72.5 M:41.6 Y:36.5

CMYK	C:56.8 M:8.0 Y:0.0 K:36.5
YCbCr	Y:125.0 Cb:145.4 Cr:92.4
XYZ	X:19.8 Y:25.4 Z:38.0
xyY	x:0.238 y:0.305 Y:25.4

CIE Lab	L:57.5 a:-20.3 b*:-14.2
CIE LCh	L:57.5 C:24.8 h:215.0
CIE Luv	L:57.5 u:-33.0 v*:-18.2
Hunter Lab	L:50.4 a:-18.1 b:-9.5

#4695A2 の色相別色一覧

#A25346

#A26A46

#A28146

#A29846

#95A246

#7EA246

#67A246

#50A246

#46A253

#46A26A

#46A281

#46A298

#4695A2

#467EA2

#4667A2

#4650A2

#5346A2

#6A46A2

#8146A2

#9846A2

#A24695

#A2467E

#A24667

#A24650

#4695A2 の彩度別色一覧

#9FA2A2

#97A0A2

#8F9FA2

#879EA2

#7F9DA2

#779CA2

#6F9BA2

#669AA2

#5E98A2

#5697A2

#4E96A2

#4695A2

#3E94A2

#3693A2

#2E92A2

#2690A2

#1E8FA2

#158EA2

#0D8DA2

#058CA2

#4695A2 の明度別色一覧

#040809

#091416

#0F2023

#142B2F

#1A373C

#1F4349

#254F56

#2A5A62

#30666F

#35727C

#3B7E89

#408995

#4695A2

#4CA1AF

#51ACBC

#57B8C8

#5CC4D5

#62D0E2

#67DBEF

#6DE7FB

#4695A2 を使ったトーンオントーン

#2A3E45

#4695A2

#416E6D

#5BA7C9

#3EF5F3

#1E4E54

#72C2E3

#4695A2

#59D3D4

#487D80

#1B4746

#82E6F0

#2D667D

#4695A2

#57AEC4

#4695A2 を使ったトーンイントーン

#8B3865

#A59556

#388942

#4695A2

#65539D

#A73760

#8B5BB9

#348B3C

#4695A2

#939034

#893C4A

#8B7F39

#3E893A

#7239AC

#4695A2

#4695A2 を使ったカマイユ

#4E8898

#4CA8B9

#489BAF

#458E93

#4695A2

#4AA4AF

#32848E

#3D99AA

#447E8E

#397F8E

#3E99AC

#4695A2

#42868B

#328B98

#4695A2 を使ったフォカマイユ

#558498

#2B6881

#588A98

#4695A2

#538EAA

#2A8B82

#256E7C

#44C6C2

#519698

#4695A2

#4A7B8E

#388089

#387A98

#4695A2

#578A95

#4695A2 を使ったドミナントカラー

#033138

#8FBDC4

#6F9196

#1D9DB3

#4695A2

#76A1A8

#4695A2

#0E99B0

#3A666E

#40676E

#74C2CF

#2B7480

#1C3D42

#4695A2

#789296

#4695A2 を使ったアイデンティティ

#167180

#3CB3C7

#4695A2

#1EBAD4

#39575C

#166C7A

#4695A2

#93E7F5

#4695A2 を使ったトライアド

#4695A2

#A24695

#95A246

#4695A2 を使ったスプリットコンプリメンタリー

#A27246

#4695A2

#A24658

#4695A2 を使ったテトラード

#4695A2

#8146A2

#A25346

#67A246

#4695A2 を使ったコントラスト

#4695A2

#A25346

#4695A2

#97A0A2

#4695A2

#6EEBFF

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

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

#4695A2

#4695A2 の色情報

#4695A2 の色相別色一覧

#4695A2 の彩度別色一覧

#4695A2 の明度別色一覧

#4695A2 を使ったトーンオントーン

#4695A2 を使ったトーンイントーン

#4695A2 を使ったカマイユ

#4695A2 を使ったフォカマイユ

#4695A2 を使ったドミナントカラー

#4695A2 を使ったアイデンティティ

#4695A2 を使ったトライアド

#4695A2 を使ったスプリットコンプリメンタリー

#4695A2 を使ったテトラード

#4695A2 を使ったコントラスト