#3F8564

#3F8564

white

#FFFFFF

Tỷ lệ tương phản

4,42:1

Delta E

59,2

Very Different

Pha trộn 50:50

Giá trị màu sắc

Định dạng #3F8564 #FFFFFF
HEX #3F8564 #FFFFFF
RGB 63, 133, 100 255, 255, 255
HSL 151,7, 35,7%, 38,4% 0,0, 0,0%, 100,0%
HSV 151,7, 52,6%, 52,2% 0,0, 0,0%, 100,0%
CMYK 52,6%, 0,0%, 24,8%, 47,8% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5616 0,0884 161,1 1,0 0,0 89,9

Tương phản và khả năng tiếp cận

4,42:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Khả năng đọc văn bản

Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng

Văn bản: #FFFFFF → Nền: #3F8564

Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng

Văn bản: #3F8564 → Nền: #FFFFFF

Sự khác biệt màu sắc (Delta E)

59,2 Very Different
0 — Giống hệt 5 — Tương tự 25 — Khác biệt rõ rệt 100 — Rất khác biệt

Gradient

Pha trộn màu

Mã gradient CSS

background: linear-gradient(to right, #3F8564, #FFFFFF);
background: linear-gradient(135deg, #3F8564, #FFFFFF);

Khám phá từng màu sắc

So sánh liên quan