Benannte Farbe · #B9C4BC
Inviting Veranda
Inviting Veranda ist #B9C4BC: rgb(185 196 188), hsl(136 9% 75%), oklch(0.809 0.016 154.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Inviting Veranda color name →
#B9C4BC
oklch(0.809 0.016 154.4)
Farbumrechnungen
- HEX
- #b9c4bc
- RGB
- rgb(185 196 188)
- HSL
- hsl(136 9% 75%)
- HWB
- hwb(136 73% 23%)
- OKLCH
- oklch(0.809 0.016 154.4)
- OKLab
- oklab(0.809 -0.015 0.007)
- CIE Lab
- lab(78.12 -5.04 2.65)
- LCH
- lch(78.12 5.7 152.2)
- CMYK
- cmyk(6% 0% 4% 23%)
Tints · Shades · Tones
Tints
- C0CAC3
- C7D0C9
- CED5D0
- D5DBD6
- DCE1DD
- E3E7E4
- EAEDEB
- F1F3F1
- F8F9F8
Shades
- A0AAA3
- 89918B
- 717873
- 5B615D
- 464A47
- 313532
- 1E211F
- 0D0E0D
- 020202
Tones
- B3BDB6
- ADB6B0
- A8AFAA
- A2A8A4
- 9CA19D
- 969B97
- 919492
- 8B8D8C
- 868786
Farbharmonien
Komplementär +180°
- B9C4BC
Inviting Veranda
- C8BDC5
≈ Glass Bead
Analog -30° +30°
- B9C4BC
Inviting Veranda
- BEC3B7
≈ Breezy Day
- B6C4C2
≈ Sky Grey
Triadisch +120° +240°
- B9C4BC
Inviting Veranda
- BDC0CC
≈ Starlight
- CBBDBA
≈ Barely Mauve
Geteilt komplementär +150° +210°
- B9C4BC
Inviting Veranda
- C3BECA
≈ Gentleman’s Suit
- CBBDBF
≈ Nantucket Mist
Tetradisch +90° +180° +270°
- B9C4BC
Inviting Veranda
- B8C2CB
≈ Icebreaker
- C8BDC5
≈ Glass Bead
- C9BFB6
≈ Twilight Beige
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.68:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--inviting-veranda: #b9c4bc;
--inviting-veranda-rgb: 185 196 188;
--inviting-veranda-oklch: oklch(0.809 0.016 154.4);
}
.element {
color: var(--inviting-veranda);
background-color: hsl(136 9% 75%);
border-color: oklch(0.809 0.016 154.4);
}Tailwind CSS v4
@theme {
--color-inviting-veranda: #b9c4bc;
--color-inviting-veranda-50: #f2f7f3;
--color-inviting-veranda-100: #e4eae6;
--color-inviting-veranda-200: #cfd6d1;
--color-inviting-veranda-300: #b1bab4;
--color-inviting-veranda-400: #97a19a;
--color-inviting-veranda-500: #7e8a81;
--color-inviting-veranda-600: #6b746d;
--color-inviting-veranda-700: #555d57;
--color-inviting-veranda-800: #3e4440;
--color-inviting-veranda-900: #2b2f2c;
--color-inviting-veranda-950: #181c19;
}SCSS
$inviting-veranda: #b9c4bc;
$inviting-veranda-rgb: 185, 196, 188;
$inviting-veranda-light: mix(#fff, $inviting-veranda, 20%);
$inviting-veranda-dark: mix(#000, $inviting-veranda, 20%);
.element {
color: $inviting-veranda;
box-shadow: 0 0 0 2px rgba($inviting-veranda, 0.35);
}