Colore con nome · #B1E2CB
Quiet Jade
Quiet Jade è #B1E2CB: rgb(177 226 203), hsl(152 46% 79%), oklch(0.872 0.06 164.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Quiet Jade color name →
#B1E2CB
oklch(0.872 0.06 164.7)
Conversioni di colore
- HEX
- #b1e2cb
- RGB
- rgb(177 226 203)
- HSL
- hsl(152 46% 79%)
- HWB
- hwb(152 69% 11%)
- OKLCH
- oklch(0.872 0.06 164.7)
- OKLab
- oklab(0.872 -0.058 0.016)
- CIE Lab
- lab(85.97 -19.88 5.84)
- LCH
- lch(85.97 20.72 163.6)
- CMYK
- cmyk(22% 0% 10% 11%)
Tinte · Ombre · Toni
Tinte
- B9E5D0
- C1E8D5
- C9EBDA
- D1EEE0
- D8F1E5
- E0F4EA
- E8F6EF
- F0F9F4
- F7FCFA
Ombre
- 99C4B0
- 83A896
- 6C8C7D
- 577165
- 42574D
- 2F3E37
- 1C2722
- 0C120F
- 010302
Toni
- ACD8C3
- A7CEBC
- A3C4B4
- 9EBAAC
- 99B0A5
- 94A69D
- 8F9C96
- 8A938F
- 858987
Armonie di colore
Complementare +180°
- B1E2CB
Quiet Jade
- F3C6DE
≈ Laelia Pink
Analogo -30° +30°
- B1E2CB
Quiet Jade
- C5DEB7
≈ Satin Green
- A7E2E1
≈ Ice Crystal Blue
Triadico +120° +240°
- B1E2CB
Quiet Jade
- D0D0FC
≈ Pale Phthalo Blue
- F8C9B5
≈ Dolly Cheek
Complementare divisa +150° +210°
- B1E2CB
Quiet Jade
- E4CAF1
≈ Mousse aux Pruneaux
- FAC6C8
≈ Icing on the Cake
Tetradico +90° +180° +270°
- B1E2CB
Quiet Jade
- BBD8FC
≈ Oh Boy!
- F3C6DE
≈ Laelia Pink
- EDD0AA
≈ Ceramic Beige
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.61:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--quiet-jade: #b1e2cb;
--quiet-jade-rgb: 177 226 203;
--quiet-jade-oklch: oklch(0.872 0.06 164.7);
}
.element {
color: var(--quiet-jade);
background-color: hsl(152 46% 79%);
border-color: oklch(0.872 0.06 164.7);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #b1e2cb;
--color-quiet-jade-50: #e6fbf1;
--color-quiet-jade-100: #d6efe4;
--color-quiet-jade-200: #bdddcf;
--color-quiet-jade-300: #9bc2b1;
--color-quiet-jade-400: #7daa95;
--color-quiet-jade-500: #5f937c;
--color-quiet-jade-600: #517c69;
--color-quiet-jade-700: #416454;
--color-quiet-jade-800: #2f493c;
--color-quiet-jade-900: #203329;
--color-quiet-jade-950: #0f1e17;
}SCSS
$quiet-jade: #b1e2cb;
$quiet-jade-rgb: 177, 226, 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);
}