Nearest named color · #B7D5C7
#B7D5C7
Nearest named color: Jade Sea
#B7D5C7 (rgb(183 213 199), hsl(152 26% 78%), oklch(0.847 0.037 165.6)) is closest to the named color Jade Sea. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B7D5C7
oklch(0.847 0.037 165.6)
Color conversions
- HEX
- #b7d5c7
- RGB
- rgb(183 213 199)
- HSL
- hsl(152 26% 78%)
- HWB
- hwb(152 72% 16%)
- OKLCH
- oklch(0.847 0.037 165.6)
- OKLab
- oklab(0.847 -0.036 0.009)
- CIE Lab
- lab(82.75 -12.4 3.42)
- LCH
- lch(82.75 12.86 164.6)
- CMYK
- cmyk(14% 0% 7% 16%)
Tints · Shades · Tones
Tints
- BED9CC
- C5DDD2
- CCE2D8
- D4E6DD
- DBEAE3
- E2EEE8
- E9F2EE
- F1F7F4
- F8FBF9
Shades
- 9FB9AD
- 879E93
- 70837A
- 5A6A62
- 45514C
- 313A36
- 1E2421
- 0C100E
- 020202
Tones
- B1CCC0
- ACC3B8
- A6BBB1
- A1B2AA
- 9BAAA3
- 96A19C
- 909995
- 8B908E
- 858887
Color harmonies
Complementary +180°
- B7D5C7
Jade Sea
- E0C4D2
≈ Elusive Mauve
Analogous -30° +30°
- B7D5C7
Jade Sea
- C2D3BB
≈ Surf Crest
- B2D5D4
≈ Dante Peak
Triadic +120° +240°
- B7D5C7
Jade Sea
- CACAE5
≈ Ace
- E3C6B9
≈ Cream Tan
Split-complementary +150° +210°
- B7D5C7
Jade Sea
- D6C6DE
≈ On Location
- E4C3C5
≈ Cranapple Cream
Tetradic +90° +180° +270°
- B7D5C7
Jade Sea
- BDCEE6
≈ Maritime
- E0C4D2
≈ Elusive Mauve
- DBCAB2
≈ Softer Tan
Contrast & accessibility
Ag
FailOn white
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.35:1 · APCA Lc 77
Best text color: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--jade-sea: #b7d5c7;
--jade-sea-rgb: 183 213 199;
--jade-sea-oklch: oklch(0.847 0.037 165.6);
}
.element {
color: var(--jade-sea);
background-color: hsl(152 26% 78%);
border-color: oklch(0.847 0.037 165.6);
}Tailwind CSS v4
@theme {
--color-jade-sea: #b7d5c7;
--color-jade-sea-50: #ecf9f3;
--color-jade-sea-100: #ddece5;
--color-jade-sea-200: #c6dad1;
--color-jade-sea-300: #a6beb4;
--color-jade-sea-400: #8aa699;
--color-jade-sea-500: #6f8e80;
--color-jade-sea-600: #5e786d;
--color-jade-sea-700: #4b6057;
--color-jade-sea-800: #37473f;
--color-jade-sea-900: #25312b;
--color-jade-sea-950: #141d19;
}SCSS
$jade-sea: #b7d5c7;
$jade-sea-rgb: 183, 213, 199;
$jade-sea-light: mix(#fff, $jade-sea, 20%);
$jade-sea-dark: mix(#000, $jade-sea, 20%);
.element {
color: $jade-sea;
box-shadow: 0 0 0 2px rgba($jade-sea, 0.35);
}