Nearest named color · #94BDBF
#94BDBF
Nearest named color: Summit
#94BDBF (rgb(148 189 191), hsl(183 25% 66%), oklch(0.769 0.044 200)) is closest to the named color Summit. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#94BDBF
oklch(0.769 0.044 200)
Color conversions
- HEX
- #94bdbf
- RGB
- rgb(148 189 191)
- HSL
- hsl(183 25% 66%)
- HWB
- hwb(183 58% 25%)
- OKLCH
- oklch(0.769 0.044 200)
- OKLab
- oklab(0.769 -0.041 -0.015)
- CIE Lab
- lab(73.69 -13.82 -5.75)
- LCH
- lch(73.69 14.96 202.6)
- CMYK
- cmyk(23% 1% 0% 25%)
Tints · Shades · Tones
Tints
- 9FC3C5
- A9CACC
- B4D1D2
- BFD7D8
- C9DEDF
- D4E4E5
- DFEBEB
- E9F2F2
- F4F8F8
Shades
- 80A4A6
- 6D8C8D
- 5A7475
- 485D5E
- 364748
- 263333
- 161F1F
- 080D0D
- 010202
Tones
- 92B7B9
- 90B1B2
- 8FAAAC
- 8DA4A5
- 8B9E9F
- 899899
- 879292
- 848C8C
- 828686
Color harmonies
Complementary +180°
- 94BDBF
Summit
- CFAAA9
≈ Vista
Analogous -30° +30°
- 94BDBF
Summit
- 99BEB0
≈ Spring Stream
- 98BACB
≈ Arctic Sunrise
Triadic +120° +240°
- 94BDBF
Summit
- C1ACC6
≈ Linnea Blossom
- C3B295
≈ Beachside Villa
Split-complementary +150° +210°
- 94BDBF
Summit
- CBA9B8
≈ Fragrant Lilac
- CCAD9C
≈ Frappé
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.04:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.29:1 · APCA Lc 63
Best text color: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--summit: #94bdbf;
--summit-rgb: 148 189 191;
--summit-oklch: oklch(0.769 0.044 200);
}
.element {
color: var(--summit);
background-color: hsl(183 25% 66%);
border-color: oklch(0.769 0.044 200);
}Tailwind CSS v4
@theme {
--color-summit: #94bdbf;
--color-summit-50: #e8f9fa;
--color-summit-100: #d8edee;
--color-summit-200: #c0dadc;
--color-summit-300: #9ebec1;
--color-summit-400: #81a7a9;
--color-summit-500: #638f92;
--color-summit-600: #54797b;
--color-summit-700: #436163;
--color-summit-800: #304748;
--color-summit-900: #213132;
--color-summit-950: #101d1e;
}SCSS
$summit: #94bdbf;
$summit-rgb: 148, 189, 191;
$summit-light: mix(#fff, $summit, 20%);
$summit-dark: mix(#000, $summit, 20%);
.element {
color: $summit;
box-shadow: 0 0 0 2px rgba($summit, 0.35);
}