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

#3C89B2 の色情報

#3C89B2

画像
HEX	#3C89B2
RGB	R:60 G:137 B:178
RGBの割合	R:23.5% G:53.7% B:69.8%
HSV	H:200.8 S:66.3 V:69.8
HSL	H:200.8 S:49.6 L:46.7
CMY	C:76.5 M:46.3 Y:30.2

CMYK	C:66.3 M:23.0 Y:0.0 K:30.2
YCbCr	Y:117.9 Cb:157.4 Cr:91.3
XYZ	X:18.8 Y:22.1 Z:45.4
xyY	x:0.218 y:0.256 Y:22.1

CIE Lab	L:54.1 a:-10.6 b*:-28.5
CIE LCh	L:54.1 C:30.4 h:249.7
CIE Luv	L:54.1 u:-30.1 v*:-42.0
Hunter Lab	L:47.0 a:-10.6 b:-24.4

#3C89B2 の色相別色一覧

#B2483C

#B2653C

#B2833C

#B2A03C

#A7B23C

#89B23C

#6CB23C

#4EB23C

#3CB248

#3CB265

#3CB283

#3CB2A0

#3CA7B2

#3C89B2

#3C6CB2

#3C4EB2

#483CB2

#653CB2

#833CB2

#A03CB2

#B23CA7

#B23C89

#B23C6C

#B23C4E

#3C89B2 の彩度別色一覧

#B0B1B2

#A7AEB2

#9EABB2

#95A8B2

#8CA5B2

#83A2B2

#7A9FB2

#719CB2

#6998B2

#6095B2

#5792B2

#4E8FB2

#458CB2

#3C89B2

#3386B2

#2A83B2

#2180B2

#187DB2

#107AB2

#0776B2

#3C89B2 の明度別色一覧

#04090C

#081319

#0D1D26

#112733

#15313F

#1A3A4C

#1E4459

#224E66

#275872

#2B627F

#2F6C8C

#337599

#387FA5

#3C89B2

#4093BF

#459DCC

#49A6D8

#4DB0E5

#51BAF2

#56C4FF

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

#10455C

#1B708F

#3C89B2

#286C7D

#4ABEEB

#307E91

#3C89B2

#195A6B

#243B47

#2FC1FA

#416F80

#246891

#3C89B2

#4ED3F0

#0C3547

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

#993E58

#32AD2B

#3C89B2

#C9AE58

#8134AA

#3C89B2

#A58547

#703FAD

#5CC940

#A34467

#4CBF55

#CCB659

#3C89B2

#A0345E

#652F99

#3C89B2 を使ったカマイユ

#3589AD

#3D90C6

#3C89B2

#3E79A0

#25729E

#3CA4C9

#3C89B2

#428AAA

#3C8CC9

#4989A8

#2C8BBA

#3579AD

#407DA5

#3C89B2

#4985AF

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

#3C89B2

#3675CC

#3596CE

#4372A8

#45879B

#3B8BD6

#3E90AD

#409CD8

#388799

#3C89B2

#2A7996

#3C89B2

#428591

#3E769B

#37598C

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

#BAC7CF

#39B5F7

#064F75

#3C89B2

#3C5B6B

#6FBBE3

#3C89B2

#556873

#034263

#09608F

#2D7296

#3C89B2

#525557

#1A3D4F

#384C57

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

#25A4E8

#3C89B2

#49697A

#8BBCD6

#064B70

#3C89B2

#5C7F91

#3C89B2

#1B9EE3

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

#3C89B2

#B23C89

#89B23C

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

#B28C3C

#3C89B2

#B23E3C

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

#3C89B2

#A03CB2

#B2653C

#4EB23C

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

#3C89B2

#B2653C

#3C89B2

#95A8B2

#3C89B2

#56C4FF

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

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

#3C89B2

#3C89B2 の色情報

#3C89B2 の色相別色一覧

#3C89B2 の彩度別色一覧

#3C89B2 の明度別色一覧

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

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

#3C89B2 を使ったカマイユ

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

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

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

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

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

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

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