Named color · #039487
Approval Green
Approval Green is #039487: rgb(3 148 135), hsl(175 96% 30%), oklch(0.599 0.106 184). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Approval Green color name →
#039487
oklch(0.599 0.106 184)
Color conversions
- HEX
- #039487
- RGB
- rgb(3 148 135)
- HSL
- hsl(175 96% 30%)
- HWB
- hwb(175 1% 42%)
- OKLCH
- oklch(0.599 0.106 184)
- OKLab
- oklab(0.599 -0.105 -0.007)
- CIE Lab
- lab(54.78 -36.72 -3.03)
- LCH
- lch(54.78 36.84 184.7)
- CMYK
- cmyk(98% 0% 9% 42%)
Tints · Shades · Tones
Tints
- 389F92
- 54A99E
- 6CB4AA
- 83BFB5
- 98C9C1
- ADD4CD
- C1DFDA
- D6E9E6
- EAF4F2
Shades
- 028075
- 026D63
- 015A51
- 014841
- 003631
- 002621
- 001613
- 000806
- 000101
Tones
- 289286
- 3A9086
- 478F85
- 528D84
- 5B8B84
- 648983
- 6C8782
- 738481
- 7A8281
Color harmonies
Complementary +180°
- 039487
Approval Green
- B46479
≈ Refined Rose
Analogous -30° +30°
- 039487
Approval Green
- 469262
≈ Illuminati Green
- 008FA6
≈ Parrot Flight
Triadic +120° +240°
- 039487
Approval Green
- 8E6FB3
≈ Violet Frog
- AB7135
≈ Enchanting Ginger
Split-complementary +150° +210°
- 039487
Approval Green
- A6679A
≈ Iris Orchid
- B66755
≈ Badlands
Tetradic +90° +180° +270°
- 039487
Approval Green
- 6C7ABF
≈ Persian Jewel
- B46479
≈ Refined Rose
- 957E29
≈ Spruced Up
Contrast & accessibility
Ag
FailOn white
WCAG 3.75:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.58:1 · APCA Lc 37
Best text color: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--approval-green: #039487;
--approval-green-rgb: 3 148 135;
--approval-green-oklch: oklch(0.599 0.106 184);
}
.element {
color: var(--approval-green);
background-color: hsl(175 96% 30%);
border-color: oklch(0.599 0.106 184);
}Tailwind CSS v4
@theme {
--color-approval-green: #039487;
--color-approval-green-50: #d4fffa;
--color-approval-green-100: #c1f4ed;
--color-approval-green-200: #a0e3db;
--color-approval-green-300: #74c9bf;
--color-approval-green-400: #47b3a5;
--color-approval-green-500: #009c8e;
--color-approval-green-600: #008478;
--color-approval-green-700: #006a60;
--color-approval-green-800: #004e45;
--color-approval-green-900: #013630;
--color-approval-green-950: #00211c;
}SCSS
$approval-green: #039487;
$approval-green-rgb: 3, 148, 135;
$approval-green-light: mix(#fff, $approval-green, 20%);
$approval-green-dark: mix(#000, $approval-green, 20%);
.element {
color: $approval-green;
box-shadow: 0 0 0 2px rgba($approval-green, 0.35);
}