Najbliższy nazwany kolor · #B0DECB
#B0DECB
Najbliższy nazwany kolor: Quiet Jade
#B0DECB (rgb(176 222 203), hsl(155 41% 78%), oklch(0.863 0.055 167.9)) jest najbliższy nazwanemu kolorowi Quiet Jade. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B0DECB
oklch(0.863 0.055 167.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8E1D0
- C0E5D5
- C8E8DA
- D0EBE0
- D8EFE5
- E0F2EA
- E8F5EF
- EFF8F4
- F7FCFA
Odcienie ciemniejsze
- 99C1B0
- 82A596
- 6C897D
- 566F65
- 42554D
- 2E3D37
- 1C2622
- 0B120F
- 010202
Tony
- ABD4C3
- A7CBBC
- A2C1B4
- 9DB7AC
- 98AEA5
- 94A59D
- 8F9B96
- 8A928E
- 858987
Harmonie kolorów
Komplementarna +180°
- B0DECB
Quiet Jade
- EEC4D8
≈ Tussie-Mussie
Analogowa -30° +30°
- B0DECB
Quiet Jade
- C1DBB8
≈ Soft Lumen
- A8DEDF
≈ Blue Light
Triada +120° +240°
- B0DECB
Quiet Jade
- CFCDF5
≈ Miami White
- F1C8B3
≈ Taco
Komplementarna rozszczepiona +150° +210°
- B0DECB
Quiet Jade
- E1C7EA
≈ Prom Corsage
- F4C4C4
≈ My Fair Lady
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.48:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.15:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.15:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}