#676CF0

#676CF0

#F0EB67

#F0EB67

대비율

3.37:1

Delta E

145.28

Very Different

50:50 혼합

#C1A9B3

색상 값

형식 #676CF0 #F0EB67
HEX #676CF0 #F0EB67
RGB 103, 108, 240 240, 235, 103
HSL 237.8, 82.0%, 67.3% 57.8, 82.0%, 67.3%
HSV 237.8, 57.1%, 94.1% 57.8, 57.1%, 94.1%
CMYK 57.1%, 55.0%, 0.0%, 5.9% 0.0%, 2.1%, 57.1%, 5.9%
OKLCH 0.5979 0.1944 277.1 0.9191 0.1526 107.0

대비 및 접근성

3.37:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F0EB67 → 배경색: #676CF0

다람쥐 헌 쳇바퀴에 타고파

텍스트: #676CF0 → 배경색: #F0EB67

색상 차이 (Delta E)

145.28 Very Different
0 — 동일 5 — 유사 25 — 눈에 띄는 차이 100 — 매우 다름

그라디언트

#676CF0 #8F7FDC #AB94C8 #C1A9B3 #D3BE9D #E2D584 #F0EB67

색상 혼합

#676CF0

100%

#9E89D2

75:25

#C1A9B3

50:50

#DBC991

25:75

#F0EB67

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #676CF0, #F0EB67);
background: linear-gradient(135deg, #676CF0, #F0EB67);

각 색상 탐색

#676CF0

색상 전체 정보 보기

#F0EB67

색상 전체 정보 보기

관련 비교