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

#3C99B2 の色情報

#3C99B2

画像
HEX	#3C99B2
RGB	R:60 G:153 B:178
RGBの割合	R:23.5% G:60.0% B:69.8%
HSV	H:192.7 S:66.3 V:69.8
HSL	H:192.7 S:49.6 L:46.7
CMY	C:76.5 M:40.0 Y:30.2

CMYK	C:66.3 M:14.0 Y:0.0 K:30.2
YCbCr	Y:126.0 Cb:152.7 Cr:85.4
XYZ	X:21.3 Y:27.0 Z:46.2
xyY	x:0.225 y:0.285 Y:27.0

CIE Lab	L:58.9 a:-19.3 b*:-21.1
CIE LCh	L:58.9 C:28.6 h:227.5
CIE Luv	L:58.9 u:-36.0 v*:-29.4
Hunter Lab	L:51.9 a:-17.7 b:-16.4

#3C99B2 の色相別色一覧

#B2553C

#B2733C

#B2903C

#B2AE3C

#99B23C

#7CB23C

#5EB23C

#41B23C

#3CB255

#3CB273

#3CB290

#3CB2AE

#3C99B2

#3C7CB2

#3C5EB2

#3C41B2

#553CB2

#733CB2

#903CB2

#AE3CB2

#B23C99

#B23C7C

#B23C5E

#B23C41

#3C99B2 の彩度別色一覧

#B0B2B2

#A7B0B2

#9EAEB2

#95ACB2

#8CAAB2

#83A8B2

#7AA6B2

#71A4B2

#69A2B2

#60A1B2

#579FB2

#4E9DB2

#459BB2

#3C99B2

#3397B2

#2A95B2

#2193B2

#1891B2

#1090B2

#078EB2

#3C99B2 の明度別色一覧

#040B0C

#081519

#0D2026

#112B33

#15363F

#1A414C

#1E4C59

#225766

#276272

#2B6D7F

#2F788C

#338399

#388EA5

#3C99B2

#40A4BF

#45AFCC

#49BAD8

#4DC5E5

#51D0F2

#56DBFF

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

#386A75

#4DC4CC

#113847

#42C2F7

#3C99B2

#347691

#2B4A57

#395E70

#3C99B2

#40CAF7

#6CD6F2

#255057

#3C99B2

#4AAECF

#12787D

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

#BC8E49

#3C99B2

#58B72B

#6B34C4

#A83470

#603099

#3C99B2

#A39B47

#2CAD4E

#9E3760

#959926

#50BF72

#C4566C

#7530CC

#3C99B2

#3C99B2 を使ったカマイユ

#4AB4C4

#38A8C9

#4FA1BA

#368099

#3C99B2

#4BAECC

#2C8BAA

#3D99AA

#2993A5

#317FA0

#488DA8

#48ACC4

#3C99B2

#328E9E

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

#2394A3

#3A9B9E

#4EB8BF

#55CBD1

#3C99B2

#3B91A5

#47C6C6

#3C99B2

#2993BC

#30AABC

#288791

#5FB9C4

#3C99B2

#3FA5D3

#3A8FBC

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

#3DBEE0

#4E6166

#3C99B2

#335D69

#465D63

#074E61

#083E4D

#6B6F70

#3C99B2

#233A40

#1194B8

#326B7A

#7BCDE3

#1EAFD6

#3C99B2

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

#4C737D

#07AEDB

#3C99B2

#0B5366

#64B6CC

#3C99B2

#5FB7CF

#3C99B2

#02556B

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

#3C99B2

#B23C99

#99B23C

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

#B27C3C

#3C99B2

#B23C4A

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

#3C99B2

#903CB2

#B2553C

#5EB23C

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

#3C99B2

#B2553C

#3C99B2

#95ACB2

#3C99B2

#56DBFF

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

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

#3C99B2

#3C99B2 の色情報

#3C99B2 の色相別色一覧

#3C99B2 の彩度別色一覧

#3C99B2 の明度別色一覧

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

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

#3C99B2 を使ったカマイユ

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

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

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

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

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

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

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