#4FADD6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4fadd6 is a pastel blue with a gray undertone, so it reads soft instead of loud. That muted quality makes it a solid 60% base for UI backgrounds, and black text holds an 8.3:1 contrast on it, well past WCAG AA. Give it weight with navy or warmth with terracotta.
Questions about #4fadd6
What is #4fadd6 in RGB, HSL and CMYK?
In RGB, #4fadd6 is rgb(79, 173, 214), in HSL hsl(198, 62%, 57%) and in CMYK 63%, 19%, 0%, 16%.
What text color works best on #4fadd6?
Black text. #4fadd6 reaches about 8.3:1 contrast with black, so it passes WCAG AA for small body text. White text falls short at roughly 2.5:1 and should be avoided.
What colors pair well with #4fadd6?
Pair it with deep navy for a trustworthy, nautical feel, or warm terracotta for contrast that keeps the palette from feeling cold. Cream neutrals also sit comfortably beside it.
Is #4fadd6 readable on white or black?
#4fadd6 has a 2.53:1 contrast ratio on white and 8.28:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.