Nearest named color · #ACE3D6
#ACE3D6
Nearest named color: Ice Cube
#ACE3D6 (rgb(172 227 214), hsl(166 50% 78%), oklch(0.874 0.059 178.7)) is closest to the named color Ice Cube. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#ACE3D6
oklch(0.874 0.059 178.7)
Color conversions
- HEX
- #ace3d6
- RGB
- rgb(172 227 214)
- HSL
- hsl(166 50% 78%)
- HWB
- hwb(166 67% 11%)
- OKLCH
- oklch(0.874 0.059 178.7)
- OKLab
- oklab(0.874 -0.059 0.001)
- CIE Lab
- lab(86.17 -20.27 0.34)
- LCH
- lch(86.17 20.28 179)
- CMYK
- cmyk(24% 0% 6% 11%)
Tints · Shades · Tones
Tints
- B5E6DA
- BDE9DE
- C6ECE2
- CEEEE6
- D6F1EA
- DFF4EE
- E7F7F3
- EFF9F7
- F7FCFB
Shades
- 95C5BA
- 7FA89E
- 698C84
- 54716A
- 405752
- 2D3F3B
- 1B2725
- 0B1210
- 010302
Tones
- A8D9CD
- A4CEC4
- A0C4BB
- 9BBAB3
- 97B0AA
- 92A7A1
- 8E9D99
- 899391
- 858988
Color harmonies
Complementary +180°
- ACE3D6
Ice Cube
- F8C6D5
≈ Sullivan’s Heart
Analogous -30° +30°
- ACE3D6
Ice Cube
- BCE1C1
≈ Lattice Work
- A8E1EA
≈ Blizzard Blue
Triadic +120° +240°
- ACE3D6
Ice Cube
- DACEF8
≈ Pale Lavender
- F4CDB0
≈ Cosy Coverlet
Split-complementary +150° +210°
- ACE3D6
Ice Cube
- ECC8E9
≈ Sugar High
- FAC8C0
≈ Dress Up
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.42:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.71:1 · APCA Lc 83
Best text color: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--ice-cube: #ace3d6;
--ice-cube-rgb: 172 227 214;
--ice-cube-oklch: oklch(0.874 0.059 178.7);
}
.element {
color: var(--ice-cube);
background-color: hsl(166 50% 78%);
border-color: oklch(0.874 0.059 178.7);
}Tailwind CSS v4
@theme {
--color-ice-cube: #ace3d6;
--color-ice-cube-50: #e4fbf6;
--color-ice-cube-100: #d4efe9;
--color-ice-cube-200: #baddd5;
--color-ice-cube-300: #97c2b9;
--color-ice-cube-400: #78aa9f;
--color-ice-cube-500: #589387;
--color-ice-cube-600: #4b7d72;
--color-ice-cube-700: #3c645b;
--color-ice-cube-800: #2b4942;
--color-ice-cube-900: #1d332d;
--color-ice-cube-950: #0d1e1a;
}SCSS
$ice-cube: #ace3d6;
$ice-cube-rgb: 172, 227, 214;
$ice-cube-light: mix(#fff, $ice-cube, 20%);
$ice-cube-dark: mix(#000, $ice-cube, 20%);
.element {
color: $ice-cube;
box-shadow: 0 0 0 2px rgba($ice-cube, 0.35);
}