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

#3C89A2 の色情報

#3C89A2

画像
HEX	#3C89A2
RGB	R:60 G:137 B:162
RGBの割合	R:23.5% G:53.7% B:63.5%
HSV	H:194.7 S:63.0 V:63.5
HSL	H:194.7 S:45.9 L:43.5
CMY	C:76.5 M:46.3 Y:36.5

CMYK	C:63.0 M:15.4 Y:0.0 K:36.5
YCbCr	Y:116.3 Cb:150.4 Cr:92.4
XYZ	X:17.3 Y:21.5 Z:37.4
xyY	x:0.227 y:0.282 Y:21.5

CIE Lab	L:53.4 a:-15.8 b*:-20.3
CIE LCh	L:53.4 C:25.8 h:232.1
CIE Luv	L:53.4 u:-30.8 v*:-28.1
Hunter Lab	L:46.3 a:-14.3 b:-15.5

#3C89A2 の色相別色一覧

#A2553C

#A26F3C

#A2883C

#A2A23C

#89A23C

#70A23C

#56A23C

#3DA23C

#3CA255

#3CA26F

#3CA288

#3CA2A2

#3C89A2

#3C70A2

#3C56A2

#3C3DA2

#553CA2

#6F3CA2

#883CA2

#A23CA2

#A23C89

#A23C70

#A23C56

#A23C3D

#3C89A2 の彩度別色一覧

#9DA1A2

#959FA2

#8D9DA2

#859BA2

#7D99A2

#7597A2

#6D95A2

#6593A2

#5C91A2

#548FA2

#4C8DA2

#448BA2

#3C89A2

#3487A2

#2C85A2

#2483A2

#1C81A2

#147FA2

#0B7DA2

#037BA2

#3C89A2 の明度別色一覧

#030809

#081216

#0D1D23

#12282F

#16333C

#1B3E49

#204856

#245362

#295E6F

#2E697C

#337389

#377E95

#3C89A2

#4194AF

#459FBC

#4AA9C8

#4FB4D5

#54BFE2

#58CAEF

#5DD4FB

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

#6BC7E3

#38ADD6

#3C89A2

#204E5C

#256770

#3C89A2

#2FC3EB

#1D4E5C

#145070

#54A7C7

#479DD1

#81DDEB

#253A47

#1D6E7A

#3C89A2

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

#873CB6

#99A739

#3C89A2

#952A3C

#3E9061

#93882E

#3C89A2

#8952B1

#B64B5A

#449D58

#438B3C

#AC4C69

#7C41B9

#3C89A2

#A7914A

#3C89A2 を使ったカマイユ

#36728E

#4991B1

#3C89A2

#3B8CB1

#41809A

#3A90A5

#4F9FBC

#57A6B9

#3C89A2

#367F8E

#2E718B

#3C89A2

#3E819F

#439CB1

#3D7D8B

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

#225E86

#3C89A2

#1D7683

#2F7098

#4F949D

#386786

#3E91C1

#2D668B

#539FAC

#3C89A2

#60A7C3

#236590

#4A8890

#578FAF

#3C89A2

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

#3C89A2

#07BBF5

#1B404D

#273A40

#18A7D6

#4D6066

#3C89A2

#1395BF

#0C6B8A

#5DCCF0

#6D7D82

#6D909C

#9FAEB3

#3C89A2

#093442

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

#3C89A2

#1594BD

#91D5EB

#A7E7FC

#3C89A2

#1D99C2

#3C89A2

#1FA2CC

#415D66

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

#3C89A2

#A23C89

#89A23C

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

#A2773C

#3C89A2

#A23C45

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

#3C89A2

#883CA2

#A2553C

#56A23C

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

#3C89A2

#A2553C

#3C89A2

#8D9DA2

#3C89A2

#5ED8FF

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

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

#3C89A2

#3C89A2 の色情報

#3C89A2 の色相別色一覧

#3C89A2 の彩度別色一覧

#3C89A2 の明度別色一覧

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

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

#3C89A2 を使ったカマイユ

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

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

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

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

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

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

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