#457201

#457201

Color Values

HEX

#457201

RGB

69, 114, 1

HSL

83.9, 98.3%, 22.5%

HSV

83.9, 99.1%, 44.7%

CMYK

39.5%, 0.0%, 99.1%, 55.3%

OKLCH

0.4999 0.1372 131.5

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#457201

#2E0172

Analogous

#726601

#0C7201

#457201

Triadic

#457201

#014572

#720145

Split Complementary

#457201

#010C72

#660172

Tetradic

#457201

#017266

#2E0172

#72010C

Color Blindness Simulation

Original

#457201

Protanopia

#58591C

Deuteranopia

#565223

Tritanopia

#473237

Achromatopsia

#606060

CSS Usage

background-color: #457201;
color: #457201;
border-color: #457201;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FEF1
100
#F0FCDE
200
#E2FEB8
300
#CEFE86
400
#B4FD44
500
#99FD02
600
#7ACA02
700
#62A201
800
#4C7E01
900
#395B06
950
#243A04

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026