Nearest named color · #A5EDAC
#A5EDAC
Nearest named color: Ultra Mint
#A5EDAC (rgb(165 237 172), hsl(126 67% 79%), oklch(0.882 0.114 146.9)) is closest to the named color Ultra Mint. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A5EDAC
oklch(0.882 0.114 146.9)
Color conversions
- HEX
- #a5edac
- RGB
- rgb(165 237 172)
- HSL
- hsl(126 67% 79%)
- HWB
- hwb(126 65% 7%)
- OKLCH
- oklch(0.882 0.114 146.9)
- OKLab
- oklab(0.882 -0.096 0.062)
- CIE Lab
- lab(87.77 -32.8 24.18)
- LCH
- lch(87.77 40.75 143.6)
- CMYK
- cmyk(30% 0% 27% 7%)
Tints · Shades · Tones
Tints
- AFEFB4
- B8F1BD
- C1F3C5
- CAF5CD
- D3F7D6
- DCF8DE
- E5FAE6
- EEFCEF
- F6FDF7
Shades
- 8FCE95
- 79B07F
- 659369
- 517754
- 3D5C40
- 2B422D
- 1A2A1B
- 0A140B
- 010301
Tones
- A2E2A8
- 9FD6A3
- 9BCB9F
- 98C09B
- 94B596
- 90AB92
- 8CA08E
- 889589
- 848B85
Color harmonies
Complementary +180°
- A5EDAC
Ultra Mint
- FFBFFE
≈ Distilled Rose
Analogous -30° +30°
- A5EDAC
Ultra Mint
- D3E289
≈ Refreshed
- 7BF1D7
≈ Tiffany Blue
Triadic +120° +240°
- A5EDAC
Ultra Mint
- C7D8FF
≈ Pale Phthalo Blue
- FFC9C2
≈ Caro
Split-complementary +150° +210°
- A5EDAC
Ultra Mint
- DCD0FF
≈ Pale Lavender
- FFC6D9
≈ Sweet Serenade
Tetradic +90° +180° +270°
- A5EDAC
Ultra Mint
- AFE0FF
≈ Droplet
- FFBFFE
≈ Distilled Rose
- FFCCA8
≈ Peach Crayon
Contrast & accessibility
Ag
FailOn white
WCAG 1.37:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.30:1 · APCA Lc 85
Best text color: #000000
WCAG 15.30:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--ultra-mint: #a5edac;
--ultra-mint-rgb: 165 237 172;
--ultra-mint-oklch: oklch(0.882 0.114 146.9);
}
.element {
color: var(--ultra-mint);
background-color: hsl(126 67% 79%);
border-color: oklch(0.882 0.114 146.9);
}Tailwind CSS v4
@theme {
--color-ultra-mint: #a5edac;
--color-ultra-mint-50: #e0ffe4;
--color-ultra-mint-100: #cff3d3;
--color-ultra-mint-200: #b3e2ba;
--color-ultra-mint-300: #8ec897;
--color-ultra-mint-400: #6fb176;
--color-ultra-mint-500: #4c9a57;
--color-ultra-mint-600: #41824b;
--color-ultra-mint-700: #34683b;
--color-ultra-mint-800: #274d28;
--color-ultra-mint-900: #1a351b;
--color-ultra-mint-950: #0a200b;
}SCSS
$ultra-mint: #a5edac;
$ultra-mint-rgb: 165, 237, 172;
$ultra-mint-light: mix(#fff, $ultra-mint, 20%);
$ultra-mint-dark: mix(#000, $ultra-mint, 20%);
.element {
color: $ultra-mint;
box-shadow: 0 0 0 2px rgba($ultra-mint, 0.35);
}