Coloried

Bright Orange

Bright Orange color is a vibrant shade of orange. Its hex code is #FF7034 and rgb code is rgb(255, 112, 52), Its CMYK value is cmyk(0%, 56%, 80%, 0%), and Its HSL value is hsl(18, 100%, 60%). Against white, it has a contrast ratio of 2.76:1, while against black, the contrast ratio is 7.62:1. Complementary color is #33C2FF and closest tailwind color is orange-500. This color goes well with #997A00, #99001F, #4D1700, #00CCA3, and #0029CC. To recreate the Bright Orange color, you can mix #FF0000 and #FFE068.

Bright Orange color code
|
1. Color Conversions
HEX#FF7034
RGB255, 112, 52
HSL18°, 100%, 60%
HSV18°, 100%, 100%
CMYK0%, 56%, 80%, 0%
Web Safe#FF6633
2. Contrast Ratio
Text on #FFFFFF2.76:1
Fail LargeFail Normal
Text on #0000007.62:1
AAA LargeAAA Normal
3. Bright Orange Color Code in CSS
HEX
#FF7034
RGB
rgb(255, 112, 52)
HSL
hsl(18, 100%, 60%)
Text Color
color: #FF7034;
Background
background-color: #FF7034;
Border Color
border-color: #FF7034;
Box Shadow
box-shadow: 0 4px 14px 0 #FF703480;
SCSS
$color-bright-orange: #FF7034;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C1C043
Deuteranopia#C9D446
Tritanopia#F84E51
Achromatopsia#949494
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Mandarin#F37A48
Papaya Orange#FF7431
Halloween Orange#EB6123
Highlighter Orange#FF793B
Coral#FF7F50
Brightest Orange#FF5B00
Burnt Mandarine#EE6C30
Safety Orange#FF6600
Dusty Orange#E27A53
Persimmon#EC5800
Color Ideas
Walnut#773F1A
Warm Beige#D8BCAB
Warm Black#004242
Warm Blue#90C1D7
Warm Brown#AE561C
Warm Gold#DAA428
Warm Gray#A49A87
Warm Peach#F0CEA1
Warm Pink#F6C6BD
Warm Purple#A16B91
About Bright Orange
Color Name
Bright Orange
HEX
#FF7034
Color Family
orange
X11 Name
Orange
LAB
71.11, 14.19, 12.42
Preview Text
Aa