Nearest named color · #00B2B9
#00B2B9
Nearest named color: Glassmith
#00B2B9 (rgb(0 178 185), hsl(182 100% 36%), oklch(0.694 0.118 199.8)) is closest to the named color Glassmith. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00B2B9
oklch(0.694 0.118 199.8)
Color conversions
- HEX
- #00b2b9
- RGB
- rgb(0 178 185)
- HSL
- hsl(182 100% 36%)
- HWB
- hwb(182 0% 27%)
- OKLCH
- oklch(0.694 0.118 199.8)
- OKLab
- oklab(0.694 -0.111 -0.04)
- CIE Lab
- lab(65.64 -36.99 -15)
- LCH
- lch(65.64 39.91 202.1)
- CMYK
- cmyk(100% 4% 0% 27%)
Tints · Shades · Tones
Tints
- 3FBAC0
- 5DC2C7
- 75CACE
- 8BD1D5
- 9FD9DC
- B3E1E3
- C7E8EA
- DAF0F1
- ECF7F8
Shades
- 009AA0
- 008389
- 006D71
- 00575B
- 004346
- 002F31
- 001D1E
- 000C0D
- 000102
Tones
- 2DADB3
- 40A8AD
- 4EA3A8
- 599EA2
- 62999C
- 699497
- 708F91
- 768A8B
- 7B8586
Color harmonies
Complementary +180°
- 00B2B9
Glassmith
- DC7D7E
≈ Babe
Analogous -30° +30°
- 00B2B9
Glassmith
- 3CB491
≈ Green Blue
- 3BAAD7
≈ Thalassophile
Triadic +120° +240°
- 00B2B9
Glassmith
- BD84CA
≈ Lavender Sweater
- C3933C
≈ Golden Grain
Split-complementary +150° +210°
- 00B2B9
Glassmith
- D37DA7
≈ Ice Plant
- D78557
≈ Copperhead
Tetradic +90° +180° +270°
- 00B2B9
Glassmith
- 9B8FE1
≈ Perrywinkle
- DC7D7E
≈ Babe
- A1A343
≈ Machine Green
Contrast & accessibility
Ag
FailOn white
WCAG 2.60:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.06:1 · APCA Lc 52
Best text color: #000000
WCAG 8.06:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--glassmith: #00b2b9;
--glassmith-rgb: 0 178 185;
--glassmith-oklch: oklch(0.694 0.118 199.8);
}
.element {
color: var(--glassmith);
background-color: hsl(182 100% 36%);
border-color: oklch(0.694 0.118 199.8);
}Tailwind CSS v4
@theme {
--color-glassmith: #00b2b9;
--color-glassmith-50: #cfffff;
--color-glassmith-100: #baf4f9;
--color-glassmith-200: #96e4ea;
--color-glassmith-300: #65cad1;
--color-glassmith-400: #25b3ba;
--color-glassmith-500: #009ca5;
--color-glassmith-600: #00848b;
--color-glassmith-700: #006a6f;
--color-glassmith-800: #004e51;
--color-glassmith-900: #003638;
--color-glassmith-950: #002123;
}SCSS
$glassmith: #00b2b9;
$glassmith-rgb: 0, 178, 185;
$glassmith-light: mix(#fff, $glassmith, 20%);
$glassmith-dark: mix(#000, $glassmith, 20%);
.element {
color: $glassmith;
box-shadow: 0 0 0 2px rgba($glassmith, 0.35);
}