Named color · #8FBFBD
Chinese Tzu
Chinese Tzu is #8FBFBD: rgb(143 191 189), hsl(178 27% 65%), oklch(0.77 0.051 192.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Chinese Tzu color name →
#8FBFBD
oklch(0.77 0.051 192.9)
Color conversions
- HEX
- #8fbfbd
- RGB
- rgb(143 191 189)
- HSL
- hsl(178 27% 65%)
- HWB
- hwb(178 56% 25%)
- OKLCH
- oklch(0.77 0.051 192.9)
- OKLab
- oklab(0.77 -0.049 -0.011)
- CIE Lab
- lab(73.9 -16.71 -4.41)
- LCH
- lch(73.9 17.28 194.8)
- CMYK
- cmyk(25% 0% 1% 25%)
Tints · Shades · Tones
Tints
- 9AC5C3
- A6CCCA
- B1D2D0
- BCD8D7
- C7DFDE
- D2E5E4
- DDECEB
- E9F2F2
- F4F9F8
Shades
- 7CA6A4
- 698D8C
- 577574
- 455E5D
- 344847
- 243333
- 151F1F
- 070D0D
- 010202
Tones
- 8EB9B7
- 8DB2B0
- 8BACAA
- 8AA5A4
- 899F9E
- 879998
- 859392
- 848C8C
- 828686
Color harmonies
Complementary +180°
- 8FBFBD
Chinese Tzu
- D3A8AB
≈ Baby Jane
Analogous -30° +30°
- 8FBFBD
Chinese Tzu
- 98BFAB
≈ Scenic View
- 92BCCC
≈ Reef Blue
Triadic +120° +240°
- 8FBFBD
Chinese Tzu
- C0ABCC
≈ Immortal
- C9B091
≈ Spanish Sand
Split-complementary +150° +210°
- 8FBFBD
Chinese Tzu
- CCA8BD
≈ Fragrant Lilac
- D1AB9B
≈ Saltwater Taffy
Tetradic +90° +180° +270°
- 8FBFBD
Chinese Tzu
- AFB1D4
≈ Pixie Violet
- D3A8AB
≈ Baby Jane
- BAB691
≈ Young Willow
Contrast & accessibility
Ag
FailOn white
WCAG 2.02:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.35:1 · APCA Lc 63
Best text color: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--chinese-tzu: #8fbfbd;
--chinese-tzu-rgb: 143 191 189;
--chinese-tzu-oklch: oklch(0.77 0.051 192.9);
}
.element {
color: var(--chinese-tzu);
background-color: hsl(178 27% 65%);
border-color: oklch(0.77 0.051 192.9);
}Tailwind CSS v4
@theme {
--color-chinese-tzu: #8fbfbd;
--color-chinese-tzu-50: #e5faf9;
--color-chinese-tzu-100: #d6eeed;
--color-chinese-tzu-200: #bcdbdb;
--color-chinese-tzu-300: #9ac0bf;
--color-chinese-tzu-400: #7ca8a6;
--color-chinese-tzu-500: #5d918f;
--color-chinese-tzu-600: #4f7b79;
--color-chinese-tzu-700: #3f6261;
--color-chinese-tzu-800: #2d4846;
--color-chinese-tzu-900: #1f3231;
--color-chinese-tzu-950: #0e1e1d;
}SCSS
$chinese-tzu: #8fbfbd;
$chinese-tzu-rgb: 143, 191, 189;
$chinese-tzu-light: mix(#fff, $chinese-tzu, 20%);
$chinese-tzu-dark: mix(#000, $chinese-tzu, 20%);
.element {
color: $chinese-tzu;
box-shadow: 0 0 0 2px rgba($chinese-tzu, 0.35);
}