#454F0A

#454F0A

Color Values

HEX

#454F0A

RGB

69, 79, 10

HSL

68.7, 77.5%, 17.5%

HSV

68.7, 87.3%, 31.0%

CMYK

12.7%, 0.0%, 87.3%, 69.0%

OKLCH

0.405 0.0885 118.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#454F0A

#140A4F

Analogous

#4F370A

#234F0A

#454F0A

Triadic

#454F0A

#0A454F

#4F0A45

Split Complementary

#454F0A

#0A234F

#370A4F

Tetradic

#454F0A

#0A4F37

#140A4F

#4F0A23

Color Blindness Simulation

Original

#454F0A

Protanopia

#49491B

Deuteranopia

#49481F

Tritanopia

#46282B

Achromatopsia

#484848

CSS Usage

background-color: #454F0A;
color: #454F0A;
border-color: #454F0A;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FBFCF2
100
#F5F9E1
200
#EFF7C0
300
#E3F192
400
#D5EA58
500
#C6E21D
600
#9EB517
700
#7F9112
800
#63710E
900
#48520F
950
#2E3409

Contrast Checker

Text on white

8.84:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026