#2F6D74

#2F6D74

#74362F

#74362F

コントラスト比

1.54:1

Delta E

53.13

Very Different

50:50 ミックス

#605450

カラー値

フォーマット #2F6D74 #74362F
HEX #2F6D74 #74362F
RGB 47, 109, 116 116, 54, 47
HSL 186.1, 42.3%, 32.0% 6.1, 42.3%, 32.0%
HSV 186.1, 59.5%, 45.5% 6.1, 59.5%, 45.5%
CMYK 59.5%, 6.0%, 0.0%, 54.5% 0.0%, 53.4%, 59.5%, 54.5%
OKLCH 0.4972 0.0642 205.3 0.4134 0.0888 28.1

コントラストとアクセシビリティ

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #74362F → 背景色: #2F6D74

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #2F6D74 → 背景色: #74362F

色差 (Delta E)

53.13 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#2F6D74 #466568 #555C5C #605450 #684A45 #6F413A #74362F

カラーミキシング

#2F6D74

100%

#4E6162

75:25

#605450

50:50

#6C463F

25:75

#74362F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2F6D74, #74362F);
background: linear-gradient(135deg, #2F6D74, #74362F);

各色を詳しく見る

#2F6D74

カラーの詳細をすべて見る

#74362F

カラーの詳細をすべて見る

関連する比較