Verdigris

#43B3AE
RGB
67, 179, 174
HSL
177°, 46%, 48%
CMYK
63, 0, 3, 30
HSV
177°, 63%, 70%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #43B3AE color: #43B3AE;
RGB 67, 179, 174 color: rgb(67, 179, 174);
RGB Percentage 26%, 70%, 68% color: rgb(26%, 70%, 68%);
CMYK 63%, 0%, 3%, 30% Not supported in CSS
HSL 177°, 46%, 48% color: hsl(177, 46%, 48%);
HSV 177°, 63%, 70% Not supported in CSS
CIE-LAB 38, -22, 2 color: lab(38% -22 2);
Decimal 4436910 Not supported in CSS

Color Variations

Shades

#42B3AD
#3BA19C
#358F8A
#2E7D79
#286B68
#215957
#1A4745
#143634

Tints

#C5EAE8
#B2E2E0
#9EDBD8
#8BD4D0
#77CDC9
#64C6C1
#51BFB9
#42B3AD

Tones

#42B3AD
#48ADA8
#4DA7A3
#53A29E
#599C99
#5E9794
#64918F
#6A8B8A

Hues

#42B3AD
#4264B3
#7542B3
#B3429C
#B34248
#B39142
#80B342
#42B359

Color Harmonies

Analogous

#42B375
Click to copy
Green
87%
#43B3AE
Click to copy
Verdigris
100%
#4280B3
Click to copy
Cyan
88%

Complementary

#43B3AE
Click to copy
Verdigris
100%
#B34248
Click to copy
Magenta
57%

Split Complementary

#43B3AE
Click to copy
Verdigris
100%
#B34280
Click to copy
Purple
62%
#B37542
Click to copy
Red
62%

Triadic

#43B3AE
Click to copy
Verdigris
100%
#AD42B3
Click to copy
Purple
65%
#B3AD42
Click to copy
Orange
65%

Tetradic

#43B3AE
Click to copy
Verdigris
100%
#7542B3
Click to copy
Blue
72%
#B34248
Click to copy
Magenta
57%
#80B342
Click to copy
Yellow
72%

Square

#43B3AE
Click to copy
Verdigris
100%
#7542B3
Click to copy
Blue
72%
#B34248
Click to copy
Magenta
57%
#80B342
Click to copy
Yellow
72%

CSS & Dev Snippets

CSS
.verdigris {
  color: #43B3AE;
}
SCSS
$verdigris: #43B3AE;
RGB
rgb(67, 179, 174)

Accessibility & Contrast

White background

2.53:1
2.53
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.30:1
8.30
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags