Benannte Farbe · #C3D1D9
Tinsel Beam
Tinsel Beam ist #C3D1D9: rgb(195 209 217), hsl(202 22% 81%), oklch(0.852 0.019 232.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tinsel Beam color name →
#C3D1D9
oklch(0.852 0.019 232.6)
Farbumrechnungen
- HEX
- #c3d1d9
- RGB
- rgb(195 209 217)
- HSL
- hsl(202 22% 81%)
- HWB
- hwb(202 76% 15%)
- OKLCH
- oklch(0.852 0.019 232.6)
- OKLab
- oklab(0.852 -0.011 -0.015)
- CIE Lab
- lab(82.94 -3.74 -5.69)
- LCH
- lch(82.94 6.81 236.7)
- CMYK
- cmyk(10% 4% 0% 15%)
Tints · Shades · Tones
Tints
- C9D6DD
- CFDAE1
- D5DFE4
- DBE3E8
- E1E8EC
- E7ECF0
- EDF1F4
- F3F6F7
- F9FAFB
Shades
- A9B5BC
- 909BA1
- 788186
- 60686C
- 4A5053
- 34393B
- 202325
- 0E1011
- 020202
Tones
- BCC9D0
- B5C0C7
- AEB8BD
- A8B0B4
- A1A8AB
- 9AA0A3
- 94989A
- 8D9091
- 868889
Farbharmonien
Komplementär +180°
- C3D1D9
Tinsel Beam
- D9CBC3
≈ Goodbye Kiss
Analog -30° +30°
- C3D1D9
Tinsel Beam
- C1D2D4
≈ Scandinavian Sky
- C8CFDB
≈ Pale Shale
Triadisch +120° +240°
- C3D1D9
Tinsel Beam
- D9CAD0
≈ Captivating
- CED0C2
≈ Serena
Geteilt komplementär +150° +210°
- C3D1D9
Tinsel Beam
- DBCAC9
≈ Misty Blush
- D5CEC1
≈ Modern Grey
Tetradisch +90° +180° +270°
- C3D1D9
Tinsel Beam
- D5CBD6
≈ Purple Cream
- D9CBC3
≈ Goodbye Kiss
- C8D2C7
≈ White Granite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.44:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--tinsel-beam: #c3d1d9;
--tinsel-beam-rgb: 195 209 217;
--tinsel-beam-oklch: oklch(0.852 0.019 232.6);
}
.element {
color: var(--tinsel-beam);
background-color: hsl(202 22% 81%);
border-color: oklch(0.852 0.019 232.6);
}Tailwind CSS v4
@theme {
--color-tinsel-beam: #c3d1d9;
--color-tinsel-beam-50: #f0f6fa;
--color-tinsel-beam-100: #e2e9ed;
--color-tinsel-beam-200: #cdd6db;
--color-tinsel-beam-300: #afb9c0;
--color-tinsel-beam-400: #94a1a8;
--color-tinsel-beam-500: #7a8991;
--color-tinsel-beam-600: #68747a;
--color-tinsel-beam-700: #535c62;
--color-tinsel-beam-800: #3c4448;
--color-tinsel-beam-900: #292f32;
--color-tinsel-beam-950: #171b1e;
}SCSS
$tinsel-beam: #c3d1d9;
$tinsel-beam-rgb: 195, 209, 217;
$tinsel-beam-light: mix(#fff, $tinsel-beam, 20%);
$tinsel-beam-dark: mix(#000, $tinsel-beam, 20%);
.element {
color: $tinsel-beam;
box-shadow: 0 0 0 2px rgba($tinsel-beam, 0.35);
}