Nearest named color · #1C848E
#1C848E
Nearest named color: Turkish Jade
#1C848E (rgb(28 132 142), hsl(185 67% 33%), oklch(0.562 0.089 204.9)) is closest to the named color Turkish Jade. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#1C848E
oklch(0.562 0.089 204.9)
Color conversions
- HEX
- #1c848e
- RGB
- rgb(28 132 142)
- HSL
- hsl(185 67% 33%)
- HWB
- hwb(185 11% 44%)
- OKLCH
- oklch(0.562 0.089 204.9)
- OKLab
- oklab(0.562 -0.081 -0.038)
- CIE Lab
- lab(50.02 -26.49 -14.05)
- LCH
- lch(50.02 29.99 207.9)
- CMYK
- cmyk(80% 7% 0% 44%)
Tints · Shades · Tones
Tints
- 3D9099
- 569CA4
- 6DA8AF
- 82B4BA
- 97C1C5
- ACCDD1
- C0D9DC
- D5E6E8
- EAF2F3
Shades
- 17727B
- 126068
- 0D4F56
- 083F44
- 052F34
- 022024
- 011215
- 000607
- 000101
Tones
- 2F848D
- 3D848B
- 48838A
- 528389
- 5B8387
- 638286
- 6B8284
- 728183
- 798181
Color harmonies
Complementary +180°
- 1C848E
Turkish Jade
- A3605A
≈ Savannah Red
Analogous -30° +30°
- 1C848E
Turkish Jade
- 2E8672
≈ Ionian
- 397DA2
≈ Cendre Blue
Triadic +120° +240°
- 1C848E
Turkish Jade
- 906292
≈ Hashita Purple
- 8D7131
≈ Marshy Green
Split-complementary +150° +210°
- 1C848E
Turkish Jade
- 9E5E78
≈ Rose Wine
- 9E6640
≈ Earth
Tetradic +90° +180° +270°
- 1C848E
Turkish Jade
- 796AA4
≈ Wintertime Mauve
- A3605A
≈ Savannah Red
- 747B3A
≈ Hot Dog Relish
Contrast & accessibility
Ag
FailOn white
WCAG 4.42:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.74:1 · APCA Lc 31
Best text color: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--turkish-jade: #1c848e;
--turkish-jade-rgb: 28 132 142;
--turkish-jade-oklch: oklch(0.562 0.089 204.9);
}
.element {
color: var(--turkish-jade);
background-color: hsl(185 67% 33%);
border-color: oklch(0.562 0.089 204.9);
}Tailwind CSS v4
@theme {
--color-turkish-jade: #1c848e;
--color-turkish-jade-50: #d9fdff;
--color-turkish-jade-100: #c6f1f7;
--color-turkish-jade-200: #a8e0e8;
--color-turkish-jade-300: #7fc5ce;
--color-turkish-jade-400: #57aeb7;
--color-turkish-jade-500: #2297a2;
--color-turkish-jade-600: #218089;
--color-turkish-jade-700: #1a666e;
--color-turkish-jade-800: #104b50;
--color-turkish-jade-900: #0a3438;
--color-turkish-jade-950: #002022;
}SCSS
$turkish-jade: #1c848e;
$turkish-jade-rgb: 28, 132, 142;
$turkish-jade-light: mix(#fff, $turkish-jade, 20%);
$turkish-jade-dark: mix(#000, $turkish-jade, 20%);
.element {
color: $turkish-jade;
box-shadow: 0 0 0 2px rgba($turkish-jade, 0.35);
}