Nearest named color · #14B8A6
#14B8A6
Nearest named color: Billiard
#14B8A6 (rgb(20 184 166), hsl(173 80% 40%), oklch(0.704 0.123 182.5)) is closest to the named color Billiard. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#14B8A6
oklch(0.704 0.123 182.5)
Color conversions
- HEX
- #14b8a6
- RGB
- rgb(20 184 166)
- HSL
- hsl(173 80% 40%)
- HWB
- hwb(173 8% 28%)
- OKLCH
- oklch(0.704 0.123 182.5)
- OKLab
- oklab(0.704 -0.123 -0.005)
- CIE Lab
- lab(67.15 -42.92 -2.33)
- LCH
- lch(67.15 42.98 183.1)
- CMYK
- cmyk(89% 0% 10% 28%)
Tints · Shades · Tones
Tints
- 44BFAF
- 60C7B7
- 78CEC0
- 8DD5C9
- A2DCD2
- B5E3DB
- C8EAE4
- DAF1ED
- EDF8F6
Shades
- 10A090
- 0C887A
- 087165
- 055B51
- 03453E
- 01312B
- 011E1A
- 000C0A
- 000201
Tones
- 33B3A2
- 45AD9E
- 51A79A
- 5BA297
- 649C93
- 6B978F
- 71918B
- 778B87
- 7C8684
Color harmonies
Complementary +180°
- 14B8A6
Billiard
- DE7D99
≈ Impatient Pink
Analogous -30° +30°
- 14B8A6
Billiard
- 5DB57A
≈ Appleton
- 00B3CC
≈ Antigua Blue
Triadic +120° +240°
- 14B8A6
Billiard
- AE8CDF
≈ Middy’s Purple
- D58D47
≈ Cognac
Split-complementary +150° +210°
- 14B8A6
Billiard
- CC82C1
≈ Peruvian Lily
- E1816D
≈ Wet Pottery Clay
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.48:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.43:1 · APCA Lc 54
Best text color: #000000
WCAG 8.43:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--billiard: #14b8a6;
--billiard-rgb: 20 184 166;
--billiard-oklch: oklch(0.704 0.123 182.5);
}
.element {
color: var(--billiard);
background-color: hsl(173 80% 40%);
border-color: oklch(0.704 0.123 182.5);
}Tailwind CSS v4
@theme {
--color-billiard: #14b8a6;
--color-billiard-50: #cffff9;
--color-billiard-100: #baf6ed;
--color-billiard-200: #96e6da;
--color-billiard-300: #65ccbf;
--color-billiard-400: #28b6a5;
--color-billiard-500: #009f8d;
--color-billiard-600: #008777;
--color-billiard-700: #006c5f;
--color-billiard-800: #005044;
--color-billiard-900: #00372f;
--color-billiard-950: #00221c;
}SCSS
$billiard: #14b8a6;
$billiard-rgb: 20, 184, 166;
$billiard-light: mix(#fff, $billiard, 20%);
$billiard-dark: mix(#000, $billiard, 20%);
.element {
color: $billiard;
box-shadow: 0 0 0 2px rgba($billiard, 0.35);
}