Nearest named color · #85CABF
#85CABF
Nearest named color: Cyantific
#85CABF (rgb(133 202 191), hsl(170 39% 66%), oklch(0.79 0.072 183.3)) is closest to the named color Cyantific. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#85CABF
oklch(0.79 0.072 183.3)
Color conversions
- HEX
- #85cabf
- RGB
- rgb(133 202 191)
- HSL
- hsl(170 39% 66%)
- HWB
- hwb(170 52% 21%)
- OKLCH
- oklch(0.79 0.072 183.3)
- OKLab
- oklab(0.79 -0.071 -0.004)
- CIE Lab
- lab(76.51 -24.51 -1.78)
- LCH
- lch(76.51 24.58 184.2)
- CMYK
- cmyk(34% 0% 5% 21%)
Tints · Shades · Tones
Tints
- 92CFC5
- 9FD5CC
- ABDAD2
- B7DFD8
- C3E5DF
- CFEAE5
- DBEFEB
- E7F4F2
- F3FAF8
Shades
- 73AFA6
- 61958D
- 507C75
- 40645E
- 304D48
- 213733
- 13221F
- 060F0D
- 010202
Tones
- 85C2B8
- 86BBB2
- 86B3AC
- 85ACA5
- 85A49F
- 849D99
- 839692
- 838E8C
- 818786
Color harmonies
Complementary +180°
- 85CABF
Cyantific
- E3A8B6
≈ Love at First Sight
Analogous -30° +30°
- 85CABF
Cyantific
- 97C8A5
≈ Peppermint Spray
- 83C7D6
≈ Not a Cloud in Sight
Triadic +120° +240°
- 85CABF
Cyantific
- C4B0E1
≈ Lavender Field Dreamer
- DCB18B
≈ Sheepskin
Split-complementary +150° +210°
- 85CABF
Cyantific
- D7AACE
≈ Queenly
- E5AA9D
≈ Passion Fruit Punch
Tetradic +90° +180° +270°
- 85CABF
Cyantific
- ABB8E9
≈ Perano
- E3A8B6
≈ Love at First Sight
- CABA86
≈ Olive Hint
Contrast & accessibility
Ag
FailOn white
WCAG 1.87:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.19:1 · APCA Lc 67
Best text color: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--cyantific: #85cabf;
--cyantific-rgb: 133 202 191;
--cyantific-oklch: oklch(0.79 0.072 183.3);
}
.element {
color: var(--cyantific);
background-color: hsl(170 39% 66%);
border-color: oklch(0.79 0.072 183.3);
}Tailwind CSS v4
@theme {
--color-cyantific: #85cabf;
--color-cyantific-50: #e0fcf8;
--color-cyantific-100: #cef0eb;
--color-cyantific-200: #b3dfd8;
--color-cyantific-300: #8ec4bc;
--color-cyantific-400: #6cada3;
--color-cyantific-500: #48968b;
--color-cyantific-600: #3e7f75;
--color-cyantific-700: #32655e;
--color-cyantific-800: #234b44;
--color-cyantific-900: #17342f;
--color-cyantific-950: #081f1b;
}SCSS
$cyantific: #85cabf;
$cyantific-rgb: 133, 202, 191;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}