Nearest named color · #B3E5CC
#B3E5CC
Nearest named color: Quiet Jade
#B3E5CC (rgb(179 229 204), hsl(150 49% 80%), oklch(0.88 0.062 163.1)) is closest to the named color Quiet Jade. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B3E5CC
oklch(0.88 0.062 163.1)
Color conversions
- HEX
- #b3e5cc
- RGB
- rgb(179 229 204)
- HSL
- hsl(150 49% 80%)
- HWB
- hwb(150 70% 10%)
- OKLCH
- oklch(0.88 0.062 163.1)
- OKLab
- oklab(0.88 -0.059 0.018)
- CIE Lab
- lab(86.93 -20.45 6.7)
- LCH
- lch(86.93 21.52 161.8)
- CMYK
- cmyk(22% 0% 11% 10%)
Tints · Shades · Tones
Tints
- BBE8D1
- C3EAD6
- CAEDDB
- D2F0E0
- DAF2E5
- E1F5EA
- E9F7F0
- F0FAF5
- F8FCFA
Shades
- 9BC7B1
- 84AA97
- 6E8E7E
- 587265
- 43584E
- 2F3F37
- 1D2822
- 0C120F
- 010302
Tones
- AEDAC4
- A9D0BC
- A4C6B5
- 9FBBAD
- 9AB1A5
- 95A79E
- 909D96
- 8B938F
- 858A87
Color harmonies
Complementary +180°
- B3E5CC
Quiet Jade
- F6C8E2
≈ Laelia Pink
Analogous -30° +30°
- B3E5CC
Quiet Jade
- C8E1B7
≈ Rockwood Jade
- A8E5E3
≈ Ice Crystal Blue
Triadic +120° +240°
- B3E5CC
Quiet Jade
- D1D3FF
≈ Pale Phthalo Blue
- FCCBB7
≈ Dolly Cheek
Split-complementary +150° +210°
- B3E5CC
Quiet Jade
- E6CCF5
≈ Mousse aux Pruneaux
- FEC7CC
≈ Sweet Memories
Tetradic +90° +180° +270°
- B3E5CC
Quiet Jade
- BCDBFF
≈ Broad Daylight
- F6C8E2
≈ Laelia Pink
- F1D2AB
≈ Calm Air
Contrast & accessibility
Ag
FailOn white
WCAG 1.40:1 · APCA Lc 19
Ag
AAAOn black
WCAG 14.99:1 · APCA Lc 84
Best text color: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--quiet-jade: #b3e5cc;
--quiet-jade-rgb: 179 229 204;
--quiet-jade-oklch: oklch(0.88 0.062 163.1);
}
.element {
color: var(--quiet-jade);
background-color: hsl(150 49% 80%);
border-color: oklch(0.88 0.062 163.1);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #b3e5cc;
--color-quiet-jade-50: #e6fbf1;
--color-quiet-jade-100: #d6efe3;
--color-quiet-jade-200: #bdddce;
--color-quiet-jade-300: #9ac2b0;
--color-quiet-jade-400: #7daa94;
--color-quiet-jade-500: #5f937a;
--color-quiet-jade-600: #517d68;
--color-quiet-jade-700: #406453;
--color-quiet-jade-800: #2f493b;
--color-quiet-jade-900: #1f3329;
--color-quiet-jade-950: #0f1e17;
}SCSS
$quiet-jade: #b3e5cc;
$quiet-jade-rgb: 179, 229, 204;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);
.element {
color: $quiet-jade;
box-shadow: 0 0 0 2px rgba($quiet-jade, 0.35);
}