#0EA5E9｜カラーサイト.com

#0EA5E9 の色情報

#0EA5E9

画像
HEX	#0EA5E9
RGB	R:14 G:165 B:233
RGBの割合	R:5.5% G:64.7% B:91.4%
HSV	H:198.6 S:94.0 V:91.4
HSL	H:198.6 S:88.7 L:48.4
CMY	C:94.5 M:35.3 Y:8.6

CMYK	C:94.0 M:29.2 Y:0.0 K:8.6
YCbCr	Y:125.6 Cb:180.2 Cr:56.9
XYZ	X:28.3 Y:32.9 Z:81.9
xyY	x:0.198 y:0.230 Y:32.9

CIE Lab	L:64.1 a:-11.1 b*:-43.9
CIE LCh	L:64.1 C:45.3 h:255.8
CIE Luv	L:64.1 u:-41.8 v*:-68.9
Hunter Lab	L:57.3 a:-12.1 b:-44.6

#0EA5E9 の色相別色一覧

#E91B0E

#E9520E

#E9890E

#E9C00E

#DCE90E

#A5E90E

#6EE90E

#38E90E

#0EE91B

#0EE952

#0EE989

#0EE9C0

#0EDCE9

#0EA5E9

#0E6EE9

#0E38E9

#1B0EE9

#520EE9

#890EE9

#C00EE9

#E90EDC

#E90EA5

#E90E6E

#E90E38

#0EA5E9 の彩度別色一覧

#E0E6E9

#D4E2E9

#C8DFE9

#BDDBE9

#B1D8E9

#A5D4E9

#9AD0E9

#8ECDE9

#83C9E9

#77C6E9

#6BC2E9

#60BEE9

#54BBE9

#48B7E9

#3DB3E9

#31B0E9

#25ACE9

#1AA9E9

#0EA5E9

#02A1E9

#0EA5E9 の明度別色一覧

#000204

#010C10

#02151D

#031E2A

#032737

#043043

#053950

#06425D

#064B6A

#075476

#085D83

#096690

#096F9D

#0A78A9

#0B81B6

#0C8AC3

#0C93D0

#0D9CDC

#0EA5E9

#0FAEF6

#0EA5E9 を使ったトーンオントーン

#226D8F

#0EA5E9

#00467A

#0074B5

#043E4D

#00527D

#1380C2

#0EA5E9

#002645

#007D9C

#0EA5E9

#05639C

#2175B8

#003D47

#175278

#0EA5E9 を使ったトーンイントーン

#D2B115

#F1245F

#00DF15

#7200DF

#0EA5E9

#EEE100

#0EA5E9

#7B00D5

#F10A35

#00EC02

#DC2378

#0EA5E9

#F39205

#6B0BD5

#4DDA04

#0EA5E9 を使ったカマイユ

#26B8EC

#1B9AE1

#0EA5E9

#26ACFD

#1FA5DC

#1E94D7

#0EA5E9

#1795E1

#26B8FF

#0793DC

#16B8F6

#0EA5E9

#00B1FB

#059EFB

#1188D0

#0EA5E9 を使ったフォカマイユ

#0066DF

#00A7FF

#0EA5E9

#2789D7

#00B7DA

#0785DC

#00EBFF

#1593C3

#007BFB

#0EA5E9

#2C9BDA

#0EA5E9

#00CADF

#008AD7

#037EFF

#0EA5E9 を使ったドミナントカラー

#3A9BC7

#214657

#178BBF

#0EA5E9

#B9DBEB

#0EA5E9

#0C7BAD

#6EB9DB

#307391

#244757

#0B9BDB

#1C9ED9

#0EA5E9

#0079B0

#3B4447

#0EA5E9 を使ったアイデンティティ

#5B7D8C

#0EA5E9

#4E95B5

#5D9DBA

#1C6485

#0EA5E9

#2C6078

#0EA5E9

#6196AD

#0EA5E9 を使ったトライアド

#0EA5E9

#E90EA5

#A5E90E

#0EA5E9 を使ったスプリットコンプリメンタリー

#E99B0E

#0EA5E9

#E90E13

#0EA5E9 を使ったテトラード

#0EA5E9

#C00EE9

#E9520E

#38E90E

#0EA5E9 を使ったコントラスト

#0EA5E9

#E9520E

#0EA5E9

#83C9E9

#0EA5E9

#064866

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

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

#0EA5E9

#0EA5E9 の色情報

#0EA5E9 の色相別色一覧

#0EA5E9 の彩度別色一覧

#0EA5E9 の明度別色一覧

#0EA5E9 を使ったトーンオントーン

#0EA5E9 を使ったトーンイントーン

#0EA5E9 を使ったカマイユ

#0EA5E9 を使ったフォカマイユ

#0EA5E9 を使ったドミナントカラー

#0EA5E9 を使ったアイデンティティ

#0EA5E9 を使ったトライアド

#0EA5E9 を使ったスプリットコンプリメンタリー

#0EA5E9 を使ったテトラード

#0EA5E9 を使ったコントラスト