#2FFEFE

#2FFEFE

#FE2F2F

#FE2F2F

コントラスト比

2.95:1

Delta E

141.6

Very Different

50:50 ミックス

#D9AA92

カラー値

フォーマット #2FFEFE #FE2F2F
HEX #2FFEFE #FE2F2F
RGB 47, 254, 254 254, 47, 47
HSL 180.0, 99.0%, 59.0% 0.0, 99.0%, 59.0%
HSV 180.0, 81.5%, 99.6% 0.0, 81.5%, 99.6%
CMYK 81.5%, 0.0%, 0.0%, 0.4% 0.0%, 81.5%, 81.5%, 0.4%
OKLCH 0.9057 0.1483 194.9 0.6442 0.2389 27.2

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

2.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FE2F2F → 背景色: #2FFEFE

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

テキスト: #2FFEFE → 背景色: #FE2F2F

色差 (Delta E)

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

グラデーション

#2FFEFE #95E3D9 #BFC7B5 #D9AA92 #EB8A70 #F6654F #FE2F2F

カラーミキシング

#2FFEFE

100%

#ADD5C7

75:25

#D9AA92

50:50

#F1795F

25:75

#FE2F2F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2FFEFE, #FE2F2F);
background: linear-gradient(135deg, #2FFEFE, #FE2F2F);

各色を詳しく見る

#2FFEFE

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

#FE2F2F

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

関連する比較