Named color · #00A0A2
Pleasant Stream
Pleasant Stream is #00A0A2: rgb(0 160 162), hsl(181 100% 32%), oklch(0.64 0.109 196.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Pleasant Stream color name →
#00A0A2
oklch(0.64 0.109 196.3)
Color conversions
- HEX
- #00a0a2
- RGB
- rgb(0 160 162)
- HSL
- hsl(181 100% 32%)
- HWB
- hwb(181 0% 36%)
- OKLCH
- oklch(0.64 0.109 196.3)
- OKLab
- oklab(0.64 -0.105 -0.031)
- CIE Lab
- lab(59.33 -35.26 -11.6)
- LCH
- lch(59.33 37.12 198.2)
- CMYK
- cmyk(100% 1% 0% 36%)
Tints · Shades · Tones
Tints
- 3BAAAB
- 58B3B4
- 70BDBD
- 86C6C6
- 9BD0D0
- AFD9D9
- C3E3E2
- D7ECEC
- EBF6F5
Shades
- 008B8C
- 007677
- 006163
- 004E4F
- 003B3C
- 00292A
- 001919
- 00090A
- 000101
Tones
- 2A9D9F
- 3C9A9B
- 4A9798
- 549494
- 5E9191
- 668D8E
- 6D8A8A
- 748787
- 7A8383
Color harmonies
Complementary +180°
- 00A0A2
Pleasant Stream
- C56F75
≈ Playful Pink
Analogous -30° +30°
- 00A0A2
Pleasant Stream
- 3BA17D
≈ Funk
- 2D99BF
≈ Butterfly Blue
Triadic +120° +240°
- 00A0A2
Pleasant Stream
- A677B8
≈ Purple Pride
- B18236
≈ Weissbier
Split-complementary +150° +210°
- 00A0A2
Pleasant Stream
- BB709A
≈ Fuscia Fizz
- C27651
≈ Moroccan Sky
Tetradic +90° +180° +270°
- 00A0A2
Pleasant Stream
- 8781CB
≈ Faraway Sky
- C56F75
≈ Playful Pink
- 959039
≈ Bean Shoot
Contrast & accessibility
Ag
FailOn white
WCAG 3.20:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.55:1 · APCA Lc 43
Best text color: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--pleasant-stream: #00a0a2;
--pleasant-stream-rgb: 0 160 162;
--pleasant-stream-oklch: oklch(0.64 0.109 196.3);
}
.element {
color: var(--pleasant-stream);
background-color: hsl(181 100% 32%);
border-color: oklch(0.64 0.109 196.3);
}Tailwind CSS v4
@theme {
--color-pleasant-stream: #00a0a2;
--color-pleasant-stream-50: #d2ffff;
--color-pleasant-stream-100: #bef4f5;
--color-pleasant-stream-200: #9ce3e5;
--color-pleasant-stream-300: #6ec9cc;
--color-pleasant-stream-400: #3ab2b4;
--color-pleasant-stream-500: #009c9e;
--color-pleasant-stream-600: #008486;
--color-pleasant-stream-700: #00696b;
--color-pleasant-stream-800: #004e4e;
--color-pleasant-stream-900: #003636;
--color-pleasant-stream-950: #002121;
}SCSS
$pleasant-stream: #00a0a2;
$pleasant-stream-rgb: 0, 160, 162;
$pleasant-stream-light: mix(#fff, $pleasant-stream, 20%);
$pleasant-stream-dark: mix(#000, $pleasant-stream, 20%);
.element {
color: $pleasant-stream;
box-shadow: 0 0 0 2px rgba($pleasant-stream, 0.35);
}