Benannte Farbe · #CFD1D3
Fragile Blue
Fragile Blue ist #CFD1D3: rgb(207 209 211), hsl(210 4% 82%), oklch(0.86 0.004 247.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Fragile Blue color name →
#CFD1D3
oklch(0.86 0.004 247.9)
Farbumrechnungen
- HEX
- #cfd1d3
- RGB
- rgb(207 209 211)
- HSL
- hsl(210 4% 82%)
- HWB
- hwb(210 81% 17%)
- OKLCH
- oklch(0.86 0.004 247.9)
- OKLab
- oklab(0.86 -0.001 -0.003)
- CIE Lab
- lab(83.73 -0.43 -1.25)
- LCH
- lch(83.73 1.32 250.8)
- CMYK
- cmyk(2% 1% 0% 17%)
Tints · Shades · Tones
Tints
- D4D6D7
- D8DADC
- DDDFE0
- E2E3E4
- E7E8E9
- ECECED
- F0F1F2
- F5F6F6
- FAFAFB
Shades
- B4B5B7
- 999B9C
- 7F8182
- 676869
- 4F5051
- 38393A
- 232324
- 101010
- 020202
Tones
- C7C9CA
- BFC0C2
- B7B8B9
- AFB0B1
- A7A8A9
- 9FA0A0
- 979898
- 8F9090
- 888888
Farbharmonien
Komplementär +180°
- CFD1D3
Fragile Blue
- D2D0CE
≈ Thundersnow
Analog -30° +30°
- CFD1D3
Fragile Blue
- CED1D2
≈ Fragile Blue
- D0D1D3
≈ Fragile Blue
Triadisch +120° +240°
- CFD1D3
Fragile Blue
- D3D0D0
≈ Blowing Smoke
- D0D1CF
≈ Polar Star
Geteilt komplementär +150° +210°
- CFD1D3
Fragile Blue
- D3D0CF
≈ Blowing Smoke
- D1D1CE
≈ Halation
Tetradisch +90° +180° +270°
- CFD1D3
Fragile Blue
- D2D0D2
≈ Clouded Vision
- D2D0CE
≈ Thundersnow
- CFD1D0
≈ Polar Star
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.53:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.71:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.71:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--fragile-blue: #cfd1d3;
--fragile-blue-rgb: 207 209 211;
--fragile-blue-oklch: oklch(0.86 0.004 247.9);
}
.element {
color: var(--fragile-blue);
background-color: hsl(210 4% 82%);
border-color: oklch(0.86 0.004 247.9);
}Tailwind CSS v4
@theme {
--color-fragile-blue: #cfd1d3;
--color-fragile-blue-50: #f4f5f6;
--color-fragile-blue-100: #e7e8e9;
--color-fragile-blue-200: #d3d4d6;
--color-fragile-blue-300: #b6b7b9;
--color-fragile-blue-400: #9d9fa0;
--color-fragile-blue-500: #848688;
--color-fragile-blue-600: #707273;
--color-fragile-blue-700: #5a5b5c;
--color-fragile-blue-800: #414243;
--color-fragile-blue-900: #2d2e2f;
--color-fragile-blue-950: #1a1b1b;
}SCSS
$fragile-blue: #cfd1d3;
$fragile-blue-rgb: 207, 209, 211;
$fragile-blue-light: mix(#fff, $fragile-blue, 20%);
$fragile-blue-dark: mix(#000, $fragile-blue, 20%);
.element {
color: $fragile-blue;
box-shadow: 0 0 0 2px rgba($fragile-blue, 0.35);
}