#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 を使ったトーンオントーン

#3EB9D1

#3C99B2

#64DEEB

#173445

#186878

#224154

#23696E

#3C99B2

#278D91

#269BE3

#42B0E6

#0F3C47

#3C99B2

#2DC7D1

#216D7A

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

#8E54C1

#BCC151

#C12E5D

#459E50

#3C99B2

#4D2BA3

#A8286B

#3C99B2

#B58249

#539B44

#BFBE3E

#40AA45

#8F4FC1

#3C99B2

#AD2B4C

#3C99B2 を使ったカマイユ

#3A8699

#3293A8

#4D92AF

#3A8BA8

#3C99B2

#4AA8C9

#2B8D9B

#4499A8

#32A6BA

#3C99B2

#4697AF

#3B9EBF

#2FA1B7

#3C99B2

#3CB7CC

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

#3C99B2

#1D9C9E

#3C7C9B

#30A0C4

#377F96

#33768C

#57B7B7

#286E91

#3C99B2

#2D8FBC

#3C99B2

#448CAA

#269FA0

#36ADC4

#3E788C

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

#1F5B6B

#3C99B2

#93C0CC

#8DA0A6

#278FAB

#C1E0E8

#323D40

#70BFD4

#2B7E94

#3C99B2

#0C4F61

#274D57

#3C99B2

#666C6E

#053542

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

#2FABCC

#3C99B2

#345159

#385861

#3C99B2

#31BBE0

#3C99B2

#447785

#06A8D4

#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 を使ったコントラスト