#9FD3DA

#9FD3DA

#DAA69F

#DAA69F

コントラスト比

1.29:1

Delta E

39.74

Very Different

50:50 ミックス

#C2BDBC

カラー値

フォーマット #9FD3DA #DAA69F
HEX #9FD3DA #DAA69F
RGB 159, 211, 218 218, 166, 159
HSL 187.1, 44.4%, 73.9% 7.1, 44.4%, 73.9%
HSV 187.1, 27.1%, 85.5% 7.1, 27.1%, 85.5%
CMYK 27.1%, 3.2%, 0.0%, 14.5% 0.0%, 23.9%, 27.1%, 14.5%
OKLCH 0.833 0.0546 206.5 0.7714 0.0627 27.4

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DAA69F → 背景色: #9FD3DA

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

テキスト: #9FD3DA → 背景色: #DAA69F

色差 (Delta E)

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

グラデーション

#9FD3DA #ACCCD0 #B8C4C6 #C2BDBC #CBB6B2 #D3AEA9 #DAA69F

カラーミキシング

#9FD3DA

100%

#B2C8CB

75:25

#C2BDBC

50:50

#CFB2AD

25:75

#DAA69F

100%

CSSグラデーションコード

background: linear-gradient(to right, #9FD3DA, #DAA69F);
background: linear-gradient(135deg, #9FD3DA, #DAA69F);

各色を詳しく見る

#9FD3DA

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

#DAA69F

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

関連する比較