#BAACDA

#BAACDA

#CCDAAC

#CCDAAC

コントラスト比

1.42:1

Delta E

51.56

Very Different

50:50 ミックス

#C5C3C4

カラー値

フォーマット #BAACDA #CCDAAC
HEX #BAACDA #CCDAAC
RGB 186, 172, 218 204, 218, 172
HSL 258.3, 38.3%, 76.5% 78.3, 38.3%, 76.5%
HSV 258.3, 21.1%, 85.5% 78.3, 21.1%, 85.5%
CMYK 14.7%, 21.1%, 0.0%, 14.5% 6.4%, 0.0%, 21.1%, 14.5%
OKLCH 0.7717 0.0664 298.8 0.866 0.0632 121.5

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

1.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CCDAAC → 背景色: #BAACDA

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

テキスト: #BAACDA → 背景色: #CCDAAC

色差 (Delta E)

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

グラデーション

#BAACDA #BEB4D3 #C2BBCB #C5C3C4 #C8CBBC #CAD2B4 #CCDAAC

カラーミキシング

#BAACDA

100%

#C0B7CF

75:25

#C5C3C4

50:50

#C9CEB8

25:75

#CCDAAC

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAACDA, #CCDAAC);
background: linear-gradient(135deg, #BAACDA, #CCDAAC);

各色を詳しく見る

#BAACDA

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

#CCDAAC

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

関連する比較