#7AF5FE

#7AF5FE

#FE837A

#FE837A

コントラスト比

1.87:1

Delta E

90.76

Very Different

50:50 ミックス

#D6C0BA

カラー値

フォーマット #7AF5FE #FE837A
HEX #7AF5FE #FE837A
RGB 122, 245, 254 254, 131, 122
HSL 184.1, 98.5%, 73.7% 4.1, 98.5%, 73.7%
HSV 184.1, 52.0%, 99.6% 4.1, 52.0%, 99.6%
CMYK 52.0%, 3.5%, 0.0%, 0.4% 0.0%, 48.4%, 52.0%, 0.4%
OKLCH 0.9028 0.1108 201.8 0.7463 0.1512 25.7

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

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FE837A → 背景色: #7AF5FE

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

テキスト: #7AF5FE → 背景色: #FE837A

色差 (Delta E)

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

グラデーション

#7AF5FE #A5E4E7 #C1D2D0 #D6C0BA #E7ADA4 #F4998F #FE837A

カラーミキシング

#7AF5FE

100%

#B4DBDC

75:25

#D6C0BA

50:50

#EDA39A

25:75

#FE837A

100%

CSSグラデーションコード

background: linear-gradient(to right, #7AF5FE, #FE837A);
background: linear-gradient(135deg, #7AF5FE, #FE837A);

各色を詳しく見る

#7AF5FE

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

#FE837A

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

関連する比較