#F4F5F5

#F4F5F5

#F5F4F4

#F5F4F4

대비율

1.01:1

Delta E

0.73

Identical

50:50 혼합

#F4F4F4

색상 값

형식 #F4F5F5 #F5F4F4
HEX #F4F5F5 #F5F4F4
RGB 244, 245, 245 245, 244, 244
HSL 180.0, 4.8%, 95.9% 0.0, 4.8%, 95.9%
HSV 180.0, 0.4%, 96.1% 0.0, 0.4%, 96.1%
CMYK 0.4%, 0.0%, 0.0%, 3.9% 0.0%, 0.4%, 0.4%, 3.9%
OKLCH 0.9694 0.0011 197.1 0.9679 0.0011 17.2

대비 및 접근성

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F5F4F4 → 배경색: #F4F5F5

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F4F5F5 → 배경색: #F5F4F4

색상 차이 (Delta E)

0.73 Identical
0 — 동일 5 — 유사 25 — 눈에 띄는 차이 100 — 매우 다름

그라디언트

#F4F5F5 #F4F5F5 #F4F5F5 #F4F4F4 #F5F4F4 #F5F4F4 #F5F4F4

색상 혼합

#F4F5F5

100%

#F4F5F5

75:25

#F4F4F4

50:50

#F5F4F4

25:75

#F5F4F4

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #F4F5F5, #F5F4F4);
background: linear-gradient(135deg, #F4F5F5, #F5F4F4);

각 색상 탐색

#F4F5F5

색상 전체 정보 보기

#F5F4F4

색상 전체 정보 보기

관련 비교