#33A5F9｜カラーサイト.com

#33A5F9 の色情報

#33A5F9

画像
HEX	#33A5F9
RGB	R:51 G:165 B:249
RGBの割合	R:20.0% G:64.7% B:97.6%
HSV	H:205.5 S:79.5 V:97.6
HSL	H:205.5 S:94.3 L:58.8
CMY	C:80.0 M:35.3 Y:2.4

CMYK	C:79.5 M:33.7 Y:0.0 K:2.4
YCbCr	Y:136.7 Cb:181.7 Cr:72.0
XYZ	X:31.9 Y:34.5 Z:94.6
xyY	x:0.198 y:0.214 Y:34.5

CIE Lab	L:65.3 a:-3.0 b*:-50.6
CIE LCh	L:65.3 C:50.7 h:266.6
CIE Luv	L:65.3 u:-37.9 v*:-81.4
Hunter Lab	L:58.7 a:-5.7 b:-54.5

#33A5F9 の色相別色一覧

#F95633

#F98733

#F9B933

#F9EA33

#D7F933

#A5F933

#74F933

#42F933

#33F956

#33F987

#33F9B9

#33F9EA

#33D7F9

#33A5F9

#3374F9

#3342F9

#5633F9

#8733F9

#B933F9

#EA33F9

#F933D7

#F933A5

#F93374

#F93342

#33A5F9 の彩度別色一覧

#EEF4F9

#E1EFF9

#D5EAF9

#C8E4F9

#BCDFF9

#B0DAF9

#A3D5F9

#97CFF9

#8ACAF9

#7EC5F9

#71BFF9

#65BAF9

#58B5F9

#4CB0F9

#3FAAF9

#33A5F9

#27A0F9

#1A9AF9

#0E95F9

#0190F9

#33A5F9 の明度別色一覧

#010407

#040D14

#071520

#091E2D

#0C263A

#0E2F47

#113753

#144060

#16486D

#19517A

#1B5986

#1E6193

#216AA0

#2372AD

#267BB9

#2983C6

#2B8CD3

#2E94E0

#309DEC

#33A5F9

#33A5F9 を使ったトーンオントーン

#12416B

#1D95D4

#16394A

#33A5F9

#436FA6

#024F94

#33A5F9

#2C7CCF

#064085

#194159

#002C59

#1577A6

#2A6175

#31ADD9

#33A5F9

#33A5F9 を使ったトーンイントーン

#F64976

#1BFE33

#A036E5

#33A5F9

#E0D529

#C034F1

#F42834

#33A5F9

#27FF98

#D6FC22

#FF3E6A

#33A5F9

#FCF331

#C325FF

#25FF35

#33A5F9 を使ったカマイユ

#33A5F9

#37A6EC

#3A95EC

#20A8FF

#41A2FF

#219DE7

#3F9CEF

#33A5F9

#1C84E2

#27A0FF

#33A5F9

#1898E5

#1F93FC

#3DABE5

#1BA1EC

#33A5F9 を使ったフォカマイユ

#2D84F1

#1E8FF4

#33A5F9

#4698FF

#1252D5

#2091FF

#2DCCFF

#146BEA

#169EEA

#33A5F9

#0E85FF

#427DE7

#35B1EC

#33A5F9

#58A5FF

#33A5F9 を使ったドミナントカラー

#33A5F9

#E1F1FC

#4DA3E3

#7DB8E3

#084775

#3A4852

#33A5F9

#204561

#42525E

#025FA3

#79848C

#405463

#0F3B5C

#33A5F9

#263642

#33A5F9 を使ったアイデンティティ

#425A6B

#026CBA

#33A5F9

#397FB3

#567C99

#33A5F9

#3C4D59

#33A5F9

#4EA1DE

#33A5F9 を使ったトライアド

#33A5F9

#F933A5

#A5F933

#33A5F9 を使ったスプリットコンプリメンタリー

#F9C933

#33A5F9

#F94533

#33A5F9 を使ったテトラード

#33A5F9

#EA33F9

#F98733

#42F933

#33A5F9 を使ったコントラスト

#33A5F9

#F98733

#33A5F9

#B0DAF9

#33A5F9

#154466

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

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

#33A5F9

#33A5F9 の色情報

#33A5F9 の色相別色一覧

#33A5F9 の彩度別色一覧

#33A5F9 の明度別色一覧

#33A5F9 を使ったトーンオントーン

#33A5F9 を使ったトーンイントーン

#33A5F9 を使ったカマイユ

#33A5F9 を使ったフォカマイユ

#33A5F9 を使ったドミナントカラー

#33A5F9 を使ったアイデンティティ

#33A5F9 を使ったトライアド

#33A5F9 を使ったスプリットコンプリメンタリー

#33A5F9 を使ったテトラード

#33A5F9 を使ったコントラスト