Named color · #005243
Tetsu Green
Tetsu Green is #005243: rgb(0 82 67), hsl(169 100% 16%), oklch(0.392 0.074 174.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Tetsu Green color name →
#005243
oklch(0.392 0.074 174.9)
Color conversions
- HEX
- #005243
- RGB
- rgb(0 82 67)
- HSL
- hsl(169 100% 16%)
- HWB
- hwb(169 0% 68%)
- OKLCH
- oklch(0.392 0.074 174.9)
- OKLab
- oklab(0.392 -0.074 0.007)
- CIE Lab
- lab(30.37 -26.04 2.31)
- LCH
- lch(30.37 26.15 174.9)
- CMYK
- cmyk(100% 0% 18% 68%)
Tints · Shades · Tones
Tints
- 266254
- 407265
- 578377
- 6F9489
- 86A59C
- 9DB6AF
- B5C8C2
- CEDAD6
- E6EDEA
Shades
- 004639
- 003B2F
- 002F26
- 00251D
- 001A14
- 00110C
- 000805
- 000201
- 000000
Tones
- 195749
- 285B4F
- 356055
- 41655B
- 4C6961
- 576E67
- 61726D
- 6B7773
- 767B7A
Color harmonies
Complementary +180°
- 005243
Tetsu Green
- 643347
≈ Clinker Red
Analogous -30° +30°
- 005243
Tetsu Green
- 2A502C
≈ Chestnut Green
- 004F56
≈ Deep Atlantic Blue
Triadic +120° +240°
- 005243
Tetsu Green
- 483D69
≈ Meteorite
- 633A1B
≈ Cassiterite Brown
Split-complementary +150° +210°
- 005243
Tetsu Green
- 59375B
≈ Purple Wineberry
- 673431
≈ Dried Plum
Tetradic +90° +180° +270°
- 005243
Tetsu Green
- 32446D
≈ Space Missions
- 643347
≈ Clinker Red
- 58420B
≈ Sugarloaf Brown
Contrast & accessibility
Ag
AAAOn white
WCAG 9.17:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.28:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 9.17:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--tetsu-green: #005243;
--tetsu-green-rgb: 0 82 67;
--tetsu-green-oklch: oklch(0.392 0.074 174.9);
}
.element {
color: var(--tetsu-green);
background-color: hsl(169 100% 16%);
border-color: oklch(0.392 0.074 174.9);
}Tailwind CSS v4
@theme {
--color-tetsu-green: #005243;
--color-tetsu-green-50: #e0fdf5;
--color-tetsu-green-100: #cff0e7;
--color-tetsu-green-200: #b4dfd3;
--color-tetsu-green-300: #8fc4b6;
--color-tetsu-green-400: #6ead9c;
--color-tetsu-green-500: #4b9683;
--color-tetsu-green-600: #407f6f;
--color-tetsu-green-700: #336659;
--color-tetsu-green-800: #254b40;
--color-tetsu-green-900: #18342c;
--color-tetsu-green-950: #091f19;
}SCSS
$tetsu-green: #005243;
$tetsu-green-rgb: 0, 82, 67;
$tetsu-green-light: mix(#fff, $tetsu-green, 20%);
$tetsu-green-dark: mix(#000, $tetsu-green, 20%);
.element {
color: $tetsu-green;
box-shadow: 0 0 0 2px rgba($tetsu-green, 0.35);
}