Named color · #9BC2B4
Stanley
Stanley is #9BC2B4: rgb(155 194 180), hsl(158 24% 68%), oklch(0.782 0.046 171.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Stanley color name →
#9BC2B4
oklch(0.782 0.046 171.2)
Color conversions
- HEX
- #9bc2b4
- RGB
- rgb(155 194 180)
- HSL
- hsl(158 24% 68%)
- HWB
- hwb(158 61% 24%)
- OKLCH
- oklch(0.782 0.046 171.2)
- OKLab
- oklab(0.782 -0.046 0.007)
- CIE Lab
- lab(75.29 -15.67 2.55)
- LCH
- lch(75.29 15.87 170.7)
- CMYK
- cmyk(20% 0% 7% 24%)
Tints · Shades · Tones
Tints
- A5C8BB
- AFCEC3
- B9D4CA
- C3DAD1
- CDE0D9
- D7E6E0
- E1EDE8
- EBF3F0
- F5F9F7
Shades
- 86A89C
- 728F85
- 5E776E
- 4B6058
- 394944
- 283430
- 18201D
- 090E0C
- 010202
Tones
- 98BBAF
- 96B4A9
- 93AEA4
- 91A79F
- 8EA09A
- 8B9A94
- 89938F
- 868D8A
- 838685
Color harmonies
Complementary +180°
- 9BC2B4
Stanley
- D0ACBB
≈ Pink Potion
Analogous -30° +30°
- 9BC2B4
Stanley
- A8C0A4
≈ Bryophyte
- 96C1C4
≈ Chuff Blue
Triadic +120° +240°
- 9BC2B4
Stanley
- B7B3D4
≈ Petunia Trail
- D1B09E
≈ Indian Khaki
Split-complementary +150° +210°
- 9BC2B4
Stanley
- C6AFCA
≈ Purple Chalk
- D4ADAB
≈ Pale Persimmon
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.76:1 · APCA Lc 65
Best text color: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--stanley: #9bc2b4;
--stanley-rgb: 155 194 180;
--stanley-oklch: oklch(0.782 0.046 171.2);
}
.element {
color: var(--stanley);
background-color: hsl(158 24% 68%);
border-color: oklch(0.782 0.046 171.2);
}Tailwind CSS v4
@theme {
--color-stanley: #9bc2b4;
--color-stanley-50: #e9faf4;
--color-stanley-100: #d9ede6;
--color-stanley-200: #c1dbd2;
--color-stanley-300: #a0c0b5;
--color-stanley-400: #84a89b;
--color-stanley-500: #679082;
--color-stanley-600: #577a6e;
--color-stanley-700: #466258;
--color-stanley-800: #324840;
--color-stanley-900: #22322c;
--color-stanley-950: #111e19;
}SCSS
$stanley: #9bc2b4;
$stanley-rgb: 155, 194, 180;
$stanley-light: mix(#fff, $stanley, 20%);
$stanley-dark: mix(#000, $stanley, 20%);
.element {
color: $stanley;
box-shadow: 0 0 0 2px rgba($stanley, 0.35);
}