Nearest named color · #7CC4BB
#7CC4BB
Nearest named color: Cyantific
#7CC4BB (rgb(124 196 187), hsl(172 38% 63%), oklch(0.77 0.074 185.8)) is closest to the named color Cyantific. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7CC4BB
oklch(0.77 0.074 185.8)
Color conversions
- HEX
- #7cc4bb
- RGB
- rgb(124 196 187)
- HSL
- hsl(172 38% 63%)
- HWB
- hwb(172 49% 23%)
- OKLCH
- oklch(0.77 0.074 185.8)
- OKLab
- oklab(0.77 -0.073 -0.007)
- CIE Lab
- lab(74.23 -25.09 -3)
- LCH
- lch(74.23 25.27 186.8)
- CMYK
- cmyk(37% 0% 5% 23%)
Tints · Shades · Tones
Tints
- 8ACAC2
- 98D0C8
- A5D6CF
- B2DCD6
- BFE2DD
- CCE7E3
- D9EDEA
- E6F3F1
- F2F9F8
Shades
- 6BAAA2
- 5A918A
- 4A7873
- 3B615C
- 2C4A46
- 1E3532
- 11211F
- 050E0D
- 010202
Tones
- 7EBDB5
- 7FB6AF
- 80AFA9
- 80A8A3
- 81A29D
- 819B97
- 819491
- 818D8B
- 818786
Color harmonies
Complementary +180°
- 7CC4BB
Cyantific
- DEA1AD
≈ Nana’s Rose
Analogous -30° +30°
- 7CC4BB
Cyantific
- 8EC3A1
≈ Delltone
- 7CC1D2
≈ Meltwater
Triadic +120° +240°
- 7CC4BB
Cyantific
- C0A9DA
≈ Perfume
- D5AB82
≈ Santa Fe Tan
Split-complementary +150° +210°
- 7CC4BB
Cyantific
- D3A3C7
≈ Geranium Bud
- DFA494
≈ Shy Champagne Blush
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.47:1 · APCA Lc 64
Best text color: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--cyantific: #7cc4bb;
--cyantific-rgb: 124 196 187;
--cyantific-oklch: oklch(0.77 0.074 185.8);
}
.element {
color: var(--cyantific);
background-color: hsl(172 38% 63%);
border-color: oklch(0.77 0.074 185.8);
}Tailwind CSS v4
@theme {
--color-cyantific: #7cc4bb;
--color-cyantific-50: #dffcf9;
--color-cyantific-100: #cdf0ec;
--color-cyantific-200: #b1dfda;
--color-cyantific-300: #8cc4be;
--color-cyantific-400: #6aada5;
--color-cyantific-500: #44968d;
--color-cyantific-600: #3b7f77;
--color-cyantific-700: #2f6660;
--color-cyantific-800: #214b45;
--color-cyantific-900: #163430;
--color-cyantific-950: #071f1c;
}SCSS
$cyantific: #7cc4bb;
$cyantific-rgb: 124, 196, 187;
$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);
}