Công cụ Developer

Color Contrast Checker

Check WCAG 2.1 AA/AAA color contrast ratios for accessible web design

rgb(304159)

rgb(248250252)

Preview

Sample Text Aa

The quick brown fox jumps over the lazy dog

Regular body text — this is how a paragraph will appear at 16 px.

Small helper text at 14 px — used for captions and labels.

13.98:1
Contrast Ratio
AA — Normal Text4.5:1
< 18pt (24px) regular or < 14pt (18.67px) bold
AA — Large Text3:1
≥ 18pt (24px) regular or ≥ 14pt (18.67px) bold
AAA — Normal Text7:1
Enhanced, < 18pt regular
AAA — Large Text4.5:1
Enhanced, ≥ 18pt regular
Foreground Color
HEX
#1E293B
RGB
rgb(304159)
Background Color
HEX
#F8FAFC
RGB
rgb(248250252)

Chưa thấy công cụ bạn cần?

Chúng tôi xây công cụ miễn phí dựa trên phản hồi cộng đồng. Hãy đề xuất tiện ích giúp workflow của bạn!