ColorTool
Log in
#409276

#409276 ≈ Viridian

  • teal
  • Lightness: medium
  • Saturation: moderate
  • Balanced
Check contrast Explore in graph Random color

#409276 is a color from the teal family, with medium lightness and moderate saturation. In the RGB model it is made of 25.1% red, 57.25% green and 46.27% blue; printed in CMYK it uses 56.16% cyan, 0% magenta, 19.18% yellow and 42.75% black. Its hue angle is 159.51°, with 39.05% saturation and 41.18% lightness in HSL. It sits between warm and cool, and is often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and brand accents. Black text on this color reaches a contrast ratio of 5.59:1 (WCAG AA). The closest named color is Viridian (#40826d), ΔE 5.91.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#339966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.2296

Complementary

  1. #409276
  2. #92405c

Split complementary

  1. #409276
  2. #924085
  3. #924d40

Analogous

  1. #40924d
  2. #409276
  3. #408592

Triadic

  1. #409276
  2. #764092
  3. #927640

Tetradic

  1. #409276
  2. #405c92
  3. #92405c
  4. #927640

Square

  1. #409276
  2. #4d4092
  3. #92405c
  4. #859240

Monochromatic

  1. #112820
  2. #295d4b
  3. #409276
  4. #64bb9d
  5. #99d2bf

Shades

#409276 mixed progressively with black.

  1. #409276
  2. #3a836a
  3. #33755e
  4. #2d6653
  5. #265847
  6. #20493b
  7. #1a3a2f
  8. #132c23
  9. #0d1d18
  10. #060f0c
  11. #000000

Tints

#409276 mixed progressively with white.

  1. #409276
  2. #539d84
  3. #66a891
  4. #79b39f
  5. #8cbead
  6. #a0c9bb
  7. #b3d3c8
  8. #c6ded6
  9. #d9e9e4
  10. #ecf4f1
  11. #ffffff

Tones

#409276 mixed progressively with gray.

  1. #409276
  2. #469077
  3. #4d8e78
  4. #538d79
  5. #5a8b7a
  6. #60897b
  7. #66877c
  8. #6d857d
  9. #73847e
  10. #7a827f
  11. #808080

Readable text 3.76:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #848484 ≈ 0.003% of males
Achromatomaly #6f8a7e ≈ 0.001% of males
Protanopia #8f8975 ≈ 1.01% of males
Deuteranopia #828078 ≈ 1.27% of males
Tritanopia #19938a ≈ 0.0001% of males
Protanomaly #778d75 ≈ 1.08% of males
Deuteranomaly #6e8877 ≈ 4.63% of males
Tritanomaly #2d9282 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-409276 {
  color: #409276;
}
Background
.bg-409276 {
  background-color: #409276;
  color: #000000;
}
Border
.border-409276 {
  border: 2px solid #409276;
}
CSS variables
:root {
  --color-primary: #409276;
  --color-primary-rgb: 64 146 118;
  --color-primary-hsl: 160 39% 41%;
}
Gradient
.gradient-409276 {
  background: linear-gradient(135deg, #409276, #408592);
}
Colored shadow
.shadow-409276 {
  box-shadow: 0 8px 24px rgb(64 146 118 / 0.35);
}

#40826d Viridian ΔE 5.91 #2e8b57 Sea Green ΔE 7.58 #29ab87 Jungle Green ΔE 8.06 #00a693 Persian Green ΔE 8.26 #009e60 Shamrock Green ΔE 9.04 #00a86b Jade ΔE 10.08 #3eb489 Mint ΔE 10.70 #bf6d89 Inverted #848484 Grayscale 

Viridian
#409276  rgb(64, 146, 118)  hsl(160, 39%, 41%)  Viridian
#92405c  rgb(146, 64, 92)  hsl(340, 39%, 41%)  Twilight Lavender
#764092  rgb(118, 64, 146)  hsl(280, 39%, 41%)  Eminence
#927640  rgb(146, 118, 64)  hsl(40, 39%, 41%)  Raw Umber