#10CF96

#10CF96

#CF1049

#CF1049

コントラスト比

2.72:1

Delta E

128.18

Very Different

50:50 ミックス

#A68A6D

カラー値

フォーマット #10CF96 #CF1049
HEX #10CF96 #CF1049
RGB 16, 207, 150 207, 16, 73
HSL 162.1, 85.7%, 43.7% 342.1, 85.7%, 43.7%
HSV 162.1, 92.3%, 81.2% 342.1, 92.3%, 81.2%
CMYK 92.3%, 0.0%, 27.5%, 18.8% 0.0%, 92.3%, 64.7%, 18.8%
OKLCH 0.7577 0.1583 164.5 0.5479 0.2129 14.2

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

2.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF1049 → 背景色: #10CF96

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

テキスト: #10CF96 → 背景色: #CF1049

色差 (Delta E)

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

グラデーション

#10CF96 #6BB988 #8EA27B #A68A6D #B76F61 #C54E55 #CF1049

カラーミキシング

#10CF96

100%

#7FAE81

75:25

#A68A6D

50:50

#BE5F5B

25:75

#CF1049

100%

CSSグラデーションコード

background: linear-gradient(to right, #10CF96, #CF1049);
background: linear-gradient(135deg, #10CF96, #CF1049);

各色を詳しく見る

#10CF96

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

#CF1049

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

関連する比較