HTML color code #BA682D

Color name: None
RGB: 186, 104, 45
HSL: 25.11deg, 61.04%, 45.29%
Web safe color: No

RGB complementary color:

A complementary color for this color is #2D7FBA.

Example text color using #BA682D

This text is placeholder text to give you an idea of how this color looks when used as a font color on a white background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

                    

This text is placeholder text to give you an idea of how this color looks when used as a font color on a black background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

                    

HTML examples

<p style="color:#BA682D;">Your text using HTML color code.</p>
<p style="color:rgb(186 104 45);">Your text using RGB color values.</p>
<p style="color:hsl(25.11deg 61.04% 45.29%);">Your text using HSL color values.</p>

CSS code examples

<style> p { color:#BA682D; } </style>
<style> p { color:rgb(186 104 45); } </style>
<style> p { color:hsl(25.11deg 61.04% 45.29%); } </style>

All CSS and HTML color and color code questions.

Lighter colors

#C47237

#CE7C41

#D8864B

#E29055

#EC9A5F

#F6A469

#FFAE73

#FFB87D

Darker colors

#B05E23

#A65419

#9C4A0F

#924005

#883600

#7E2C00

#742200

#6A1800

Analogous colors

#BA7F2D

#BA972D

#BAAE2D

#AEBA2D

#97BA2D

#7FBA2D

#68BA2D

#50BA2D

Trinary colors

#BA682D

#2DBA68

#682DBA

Adjacent colors

#040720

#0C090A

#34282C

#3B3131

#3A3B3C

#454545

#4D4D4F

#413839

Tip

Enter any HTML color code into our search to get results like this page.

Computer Hope - HTML color codes - Top 100 color codes