Cor nomeada mais próxima · #B0DECB
#B0DECB
Cor nomeada mais próxima: Quiet Jade
#B0DECB (rgb(176 222 203), hsl(155 41% 78%), oklch(0.863 0.055 167.9)) é mais próxima da cor nomeada Quiet Jade. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B0DECB
oklch(0.863 0.055 167.9)
Conversões de cor
- HEX
- #b0decb
- RGB
- rgb(176 222 203)
- HSL
- hsl(155 41% 78%)
- HWB
- hwb(155 69% 13%)
- OKLCH
- oklch(0.863 0.055 167.9)
- OKLab
- oklab(0.863 -0.053 0.011)
- CIE Lab
- lab(84.82 -18.36 4.19)
- LCH
- lch(84.82 18.84 167.2)
- CMYK
- cmyk(21% 0% 9% 13%)
Tons claros · Sombras · Tons
Tons claros
- B8E1D0
- C0E5D5
- C8E8DA
- D0EBE0
- D8EFE5
- E0F2EA
- E8F5EF
- EFF8F4
- F7FCFA
Sombras
- 99C1B0
- 82A596
- 6C897D
- 566F65
- 42554D
- 2E3D37
- 1C2622
- 0B120F
- 010202
Tons
- ABD4C3
- A7CBBC
- A2C1B4
- 9DB7AC
- 98AEA5
- 94A59D
- 8F9B96
- 8A928E
- 858987
Harmonias de cor
Complementar +180°
- B0DECB
Quiet Jade
- EEC4D8
≈ Tussie-Mussie
Análoga -30° +30°
- B0DECB
Quiet Jade
- C1DBB8
≈ Soft Lumen
- A8DEDF
≈ Blue Light
Tríade +120° +240°
- B0DECB
Quiet Jade
- CFCDF5
≈ Miami White
- F1C8B3
≈ Taco
Complementar dividida +150° +210°
- B0DECB
Quiet Jade
- E1C7EA
≈ Prom Corsage
- F4C4C4
≈ My Fair Lady
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.15:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 14.15:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--quiet-jade: #b0decb;
--quiet-jade-rgb: 176 222 203;
--quiet-jade-oklch: oklch(0.863 0.055 167.9);
}
.element {
color: var(--quiet-jade);
background-color: hsl(155 41% 78%);
border-color: oklch(0.863 0.055 167.9);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #b0decb;
--color-quiet-jade-50: #e7fbf3;
--color-quiet-jade-100: #d7eee5;
--color-quiet-jade-200: #bedcd1;
--color-quiet-jade-300: #9dc1b3;
--color-quiet-jade-400: #7fa998;
--color-quiet-jade-500: #62927f;
--color-quiet-jade-600: #537c6c;
--color-quiet-jade-700: #426356;
--color-quiet-jade-800: #30493e;
--color-quiet-jade-900: #20322b;
--color-quiet-jade-950: #101e18;
}SCSS
$quiet-jade: #b0decb;
$quiet-jade-rgb: 176, 222, 203;
$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);
}