Benannte Farbe · #CBD8B9
Vintage Glass
Vintage Glass ist #CBD8B9: rgb(203 216 185), hsl(85 28% 79%), oklch(0.864 0.044 125.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Vintage Glass color name →
#CBD8B9
oklch(0.864 0.044 125.9)
Farbumrechnungen
- HEX
- #cbd8b9
- RGB
- rgb(203 216 185)
- HSL
- hsl(85 28% 79%)
- HWB
- hwb(85 73% 15%)
- OKLCH
- oklch(0.864 0.044 125.9)
- OKLab
- oklab(0.864 -0.026 0.036)
- CIE Lab
- lab(84.72 -8.62 13.78)
- LCH
- lch(84.72 16.26 122)
- CMYK
- cmyk(6% 0% 14% 15%)
Tints · Shades · Tones
Tints
- D0DCC0
- D5E0C7
- DAE4CE
- E0E8D5
- E5EBDC
- EAEFE3
- EFF3EA
- F4F7F1
- FAFBF8
Shades
- B0BCA0
- 96A089
- 7D8571
- 656B5B
- 4D5346
- 373B31
- 22251E
- 0F110D
- 020202
Tones
- C3CFB3
- BCC6AD
- B4BDA8
- ACB4A2
- A5AB9C
- 9DA297
- 969A91
- 8E918B
- 878886
Farbharmonien
Komplementär +180°
- CBD8B9
Vintage Glass
- D9CBEA
≈ Plum’s the Word
Analog -30° +30°
- CBD8B9
Vintage Glass
- DBD3B2
≈ Suna White
- BCDBC6
≈ Green Grapes
Triadisch +120° +240°
- CBD8B9
Vintage Glass
- BBD6EE
≈ Summer Birthday
- EDC7CE
≈ Funny Face
Geteilt komplementär +150° +210°
- CBD8B9
Vintage Glass
- CAD1F0
≈ Frozen Periwinkle
- E6C8DE
≈ Pink Pony
Tetradisch +90° +180° +270°
- CBD8B9
Vintage Glass
- B3DAE5
≈ Fresh Dawn
- D9CBEA
≈ Plum’s the Word
- EEC9BF
≈ Baked Ham
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.06:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--vintage-glass: #cbd8b9;
--vintage-glass-rgb: 203 216 185;
--vintage-glass-oklch: oklch(0.864 0.044 125.9);
}
.element {
color: var(--vintage-glass);
background-color: hsl(85 28% 79%);
border-color: oklch(0.864 0.044 125.9);
}Tailwind CSS v4
@theme {
--color-vintage-glass: #cbd8b9;
--color-vintage-glass-50: #f1f8ea;
--color-vintage-glass-100: #e4ebdb;
--color-vintage-glass-200: #cfd8c4;
--color-vintage-glass-300: #b1bca4;
--color-vintage-glass-400: #98a487;
--color-vintage-glass-500: #7f8c6c;
--color-vintage-glass-600: #6b765c;
--color-vintage-glass-700: #565f49;
--color-vintage-glass-800: #3f4534;
--color-vintage-glass-900: #2b3024;
--color-vintage-glass-950: #191c13;
}SCSS
$vintage-glass: #cbd8b9;
$vintage-glass-rgb: 203, 216, 185;
$vintage-glass-light: mix(#fff, $vintage-glass, 20%);
$vintage-glass-dark: mix(#000, $vintage-glass, 20%);
.element {
color: $vintage-glass;
box-shadow: 0 0 0 2px rgba($vintage-glass, 0.35);
}