Named color · #9BE3D7
Sharbah Fizz
Sharbah Fizz is #9BE3D7: rgb(155 227 215), hsl(170 56% 75%), oklch(0.865 0.074 183). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Sharbah Fizz color name →
#9BE3D7
oklch(0.865 0.074 183)
Color conversions
- HEX
- #9be3d7
- RGB
- rgb(155 227 215)
- HSL
- hsl(170 56% 75%)
- HWB
- hwb(170 61% 11%)
- OKLCH
- oklch(0.865 0.074 183)
- OKLab
- oklab(0.865 -0.074 -0.004)
- CIE Lab
- lab(85.24 -25.27 -1.67)
- LCH
- lch(85.24 25.33 183.8)
- CMYK
- cmyk(32% 0% 5% 11%)
Tints · Shades · Tones
Tints
- A6E6DB
- B0E9DF
- BBECE3
- C5EEE7
- CFF1EB
- D9F4EF
- E2F7F3
- ECFAF7
- F6FCFB
Shades
- 86C5BB
- 72A89F
- 5E8C85
- 4B716B
- 395752
- 283F3B
- 182725
- 091211
- 010302
Tones
- 99D9CE
- 97CFC5
- 95C4BC
- 92BAB3
- 90B0AA
- 8DA7A2
- 8A9D99
- 879391
- 838A88
Color harmonies
Complementary +180°
- 9BE3D7
Sharbah Fizz
- FDBFCE
≈ Garden Glory
Analogous -30° +30°
- 9BE3D7
Sharbah Fizz
- AEE1BC
≈ Fringy Flower
- 99E0F0
≈ Non-Photo Blue
Triadic +120° +240°
- 9BE3D7
Sharbah Fizz
- DCC8FB
≈ Neon Boneyard
- F6C9A1
≈ Sundown
Split-complementary +150° +210°
- 9BE3D7
Sharbah Fizz
- F1C1E8
≈ Lavender Soap
- FFC2B4
≈ Tropical Peach
Tetradic +90° +180° +270°
- 9BE3D7
Sharbah Fizz
- C4D1FF
≈ Pale Phthalo Blue
- FDBFCE
≈ Garden Glory
- E3D29B
≈ Twinkle Toes
Contrast & accessibility
Ag
FailOn white
WCAG 1.46:1 · APCA Lc 22
Ag
AAAOn black
WCAG 14.36:1 · APCA Lc 81
Best text color: #000000
WCAG 14.36:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--sharbah-fizz: #9be3d7;
--sharbah-fizz-rgb: 155 227 215;
--sharbah-fizz-oklch: oklch(0.865 0.074 183);
}
.element {
color: var(--sharbah-fizz);
background-color: hsl(170 56% 75%);
border-color: oklch(0.865 0.074 183);
}Tailwind CSS v4
@theme {
--color-sharbah-fizz: #9be3d7;
--color-sharbah-fizz-50: #dffdf8;
--color-sharbah-fizz-100: #cef0eb;
--color-sharbah-fizz-200: #b2dfd8;
--color-sharbah-fizz-300: #8cc4bc;
--color-sharbah-fizz-400: #6aada2;
--color-sharbah-fizz-500: #46968b;
--color-sharbah-fizz-600: #3c7f75;
--color-sharbah-fizz-700: #30665e;
--color-sharbah-fizz-800: #224b44;
--color-sharbah-fizz-900: #16342f;
--color-sharbah-fizz-950: #071f1b;
}SCSS
$sharbah-fizz: #9be3d7;
$sharbah-fizz-rgb: 155, 227, 215;
$sharbah-fizz-light: mix(#fff, $sharbah-fizz, 20%);
$sharbah-fizz-dark: mix(#000, $sharbah-fizz, 20%);
.element {
color: $sharbah-fizz;
box-shadow: 0 0 0 2px rgba($sharbah-fizz, 0.35);
}