Benannte Farbe · #C5D6EB
Fluid Blue
Fluid Blue ist #C5D6EB: rgb(197 214 235), hsl(213 49% 85%), oklch(0.87 0.034 253.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Fluid Blue color name →
#C5D6EB
oklch(0.87 0.034 253.7)
Farbumrechnungen
- HEX
- #c5d6eb
- RGB
- rgb(197 214 235)
- HSL
- hsl(213 49% 85%)
- HWB
- hwb(213 77% 8%)
- OKLCH
- oklch(0.87 0.034 253.7)
- OKLab
- oklab(0.87 -0.01 -0.033)
- CIE Lab
- lab(84.83 -2.73 -12.41)
- LCH
- lch(84.83 12.71 257.6)
- CMYK
- cmyk(16% 9% 0% 8%)
Tints · Shades · Tones
Tints
- CBDAED
- D0DEEF
- D6E2F1
- DCE6F3
- E2EAF5
- E8EFF7
- EDF3F9
- F3F7FB
- F9FBFD
Shades
- ABBACC
- 929EAE
- 798491
- 616A75
- 4B525B
- 353B41
- 212529
- 0E1013
- 020203
Tones
- BECDE0
- B7C4D5
- B0BBCA
- A9B3BF
- A2AAB4
- 9BA1A9
- 94999F
- 8D9195
- 87888A
Farbharmonien
Komplementär +180°
- C5D6EB
Fluid Blue
- E2D1BC
≈ Maple Pecan
Analog -30° +30°
- C5D6EB
Fluid Blue
- BDDAE5
≈ Alpine Alabaster
- D1D2EB
≈ Artistic Violet
Triadisch +120° +240°
- C5D6EB
Fluid Blue
- EACCCD
≈ Mauve Morn
- CBDAC3
≈ Breakaway
Geteilt komplementär +150° +210°
- C5D6EB
Fluid Blue
- E9CEC2
≈ Quaint Peche
- D8D6BC
≈ Pale Cucumber
Tetradisch +90° +180° +270°
- C5D6EB
Fluid Blue
- E6CCDA
≈ Vanity Pink
- E2D1BC
≈ Maple Pecan
- C1DCCE
≈ Clearly Aqua
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.19:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--fluid-blue: #c5d6eb;
--fluid-blue-rgb: 197 214 235;
--fluid-blue-oklch: oklch(0.87 0.034 253.7);
}
.element {
color: var(--fluid-blue);
background-color: hsl(213 49% 85%);
border-color: oklch(0.87 0.034 253.7);
}Tailwind CSS v4
@theme {
--color-fluid-blue: #c5d6eb;
--color-fluid-blue-50: #eff6ff;
--color-fluid-blue-100: #e1e9f4;
--color-fluid-blue-200: #cbd5e3;
--color-fluid-blue-300: #acb9c9;
--color-fluid-blue-400: #91a0b3;
--color-fluid-blue-500: #77889d;
--color-fluid-blue-600: #657385;
--color-fluid-blue-700: #505c6a;
--color-fluid-blue-800: #3a434e;
--color-fluid-blue-900: #282f36;
--color-fluid-blue-950: #161b21;
}SCSS
$fluid-blue: #c5d6eb;
$fluid-blue-rgb: 197, 214, 235;
$fluid-blue-light: mix(#fff, $fluid-blue, 20%);
$fluid-blue-dark: mix(#000, $fluid-blue, 20%);
.element {
color: $fluid-blue;
box-shadow: 0 0 0 2px rgba($fluid-blue, 0.35);
}