Benannte Farbe · #B5D1BE
Pitcher
Pitcher ist #B5D1BE: rgb(181 209 190), hsl(139 23% 76%), oklch(0.835 0.04 155.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Pitcher color name →
#B5D1BE
oklch(0.835 0.04 155.8)
Farbumrechnungen
- HEX
- #b5d1be
- RGB
- rgb(181 209 190)
- HSL
- hsl(139 23% 76%)
- HWB
- hwb(139 71% 18%)
- OKLCH
- oklch(0.835 0.04 155.8)
- OKLab
- oklab(0.835 -0.036 0.016)
- CIE Lab
- lab(81.35 -12.45 6.15)
- LCH
- lch(81.35 13.89 153.7)
- CMYK
- cmyk(13% 0% 9% 18%)
Tints · Shades · Tones
Tints
- BCD6C4
- C4DACB
- CBDFD1
- D2E3D8
- DAE8DE
- E1ECE5
- E9F1EB
- F0F6F2
- F8FAF8
Shades
- 9DB5A5
- 869B8C
- 6F8175
- 59685E
- 445048
- 303933
- 1D231F
- 0C100D
- 020202
Tones
- B0C9B8
- AAC0B1
- A5B8AB
- A0B0A5
- 9AA89E
- 95A098
- 909892
- 8B908C
- 858886
Farbharmonien
Komplementär +180°
- B5D1BE
Pitcher
- DABFD3
≈ Lovely Pink
Analog -30° +30°
- B5D1BE
Pitcher
- C2CEB2
≈ Growing Season
- ADD2CC
≈ Cassiopeia
Triadisch +120° +240°
- B5D1BE
Pitcher
- C1C7E3
≈ Powdered Granite
- E1C0B7
≈ Silver Peony
Geteilt komplementär +150° +210°
- B5D1BE
Pitcher
- CFC3DE
≈ Lavender Bliss
- E1BFC5
≈ Ice Hot Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.82:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--pitcher: #b5d1be;
--pitcher-rgb: 181 209 190;
--pitcher-oklch: oklch(0.835 0.04 155.8);
}
.element {
color: var(--pitcher);
background-color: hsl(139 23% 76%);
border-color: oklch(0.835 0.04 155.8);
}Tailwind CSS v4
@theme {
--color-pitcher: #b5d1be;
--color-pitcher-50: #ecf9f1;
--color-pitcher-100: #deece3;
--color-pitcher-200: #c7dace;
--color-pitcher-300: #a7beb0;
--color-pitcher-400: #8ca695;
--color-pitcher-500: #718e7b;
--color-pitcher-600: #607868;
--color-pitcher-700: #4d6053;
--color-pitcher-800: #38473c;
--color-pitcher-900: #263129;
--color-pitcher-950: #151d17;
}SCSS
$pitcher: #b5d1be;
$pitcher-rgb: 181, 209, 190;
$pitcher-light: mix(#fff, $pitcher, 20%);
$pitcher-dark: mix(#000, $pitcher, 20%);
.element {
color: $pitcher;
box-shadow: 0 0 0 2px rgba($pitcher, 0.35);
}