Hex Color Text

Background Picker
#
Font
Size20
Lines4
Weight500

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

Color Picker

Open full page →
#

Color Values

HEX#F54927
RGB245, 73, 39
HSL10°, 91%, 56%
HSV10°, 84%, 96%
CMYK0%, 70%, 84%, 4%

Shades

Tints

#E61919
RGB(230, 25, 25) · HSL(0°, 80%, 50%)
#19E5E6
RGB(25, 229, 230) · HSL(180°, 80%, 50%)

Palette Preview

What is Hex Color Text?

Hex color text refers to using hexadecimal color codes to style and color text on websites, documents, and digital media. A hex color code is a six-character code preceded by a hash symbol (#) that represents a specific color using the RGB (Red, Green, Blue) color model. For example, #FF0000 is pure red, #0000FF is blue, and #000000 is black.

Our hex color text tool lets you instantly preview how any text will look in a specific hex color on a specific background. Simply paste your hex codes, choose a font, adjust the size, and see the result in real-time.

How Hex Color Codes Work

Hex color codes use a base-16 (hexadecimal) numbering system. Each code consists of three pairs of characters, where each pair controls one color channel: Red, Green, and Blue. Values range from 00 (no intensity) to FF (maximum intensity, or 255 in decimal). With three channels each having 256 possible values, there are exactly 16,777,216 unique hex colors.

Common Hex Color Codes

Popular blue hex codes include #0000FF (pure blue), #1E90FF (Dodger Blue), and #000080 (Navy). Other searched color hex codes: #FF0000 (Red), #00FF00 (Lime Green), #FFD700 (Gold), and #800080 (Purple).

Text Color in CSS

In CSS, apply a hex color to text with the color property: color: #FF6600; sets text to bright orange. For backgrounds: background-color: #F5F5F5;. Our tool generates the exact CSS you need, ready to copy and paste.