Benannte Farbe · #A4B7BD
Languid Blue
Languid Blue ist #A4B7BD: rgb(164 183 189), hsl(194 16% 69%), oklch(0.767 0.023 218.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Languid Blue color name →
#A4B7BD
oklch(0.767 0.023 218.7)
Farbumrechnungen
- HEX
- #a4b7bd
- RGB
- rgb(164 183 189)
- HSL
- hsl(194 16% 69%)
- HWB
- hwb(194 64% 26%)
- OKLCH
- oklch(0.767 0.023 218.7)
- OKLab
- oklab(0.767 -0.018 -0.014)
- CIE Lab
- lab(73.08 -5.85 -5.4)
- LCH
- lch(73.08 7.96 222.7)
- CMYK
- cmyk(13% 3% 0% 26%)
Tints · Shades · Tones
Tints
- ADBEC3
- B6C5CA
- BFCCD0
- C8D3D7
- D1DADE
- DAE2E4
- E3E9EB
- ECF0F2
- F6F8F8
Shades
- 8E9FA4
- 79878C
- 647074
- 505A5D
- 3D4547
- 2B3133
- 1A1E1F
- 0A0C0D
- 010202
Tones
- A0B1B7
- 9DACB0
- 99A6AA
- 96A1A4
- 929B9E
- 8E9698
- 8B9092
- 878B8C
- 848586
Farbharmonien
Komplementär +180°
- A4B7BD
Languid Blue
- C1AFA9
≈ Oak Ridge
Analog -30° +30°
- A4B7BD
Languid Blue
- A4B8B6
≈ Gin Berry
- A8B5C1
≈ Bluebeard
Triadisch +120° +240°
- A4B7BD
Languid Blue
- BEAEB8
≈ Castle Mist
- B7B4A4
≈ Digital Garage
Geteilt komplementär +150° +210°
- A4B7BD
Languid Blue
- C1AEB0
≈ Black Shadows
- BDB1A4
≈ Smokestack
Tetradisch +90° +180° +270°
- A4B7BD
Languid Blue
- B7B0BF
≈ Virtuous Violet
- C1AFA9
≈ Oak Ridge
- AFB6A7
≈ Graceful Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.08:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--languid-blue: #a4b7bd;
--languid-blue-rgb: 164 183 189;
--languid-blue-oklch: oklch(0.767 0.023 218.7);
}
.element {
color: var(--languid-blue);
background-color: hsl(194 16% 69%);
border-color: oklch(0.767 0.023 218.7);
}Tailwind CSS v4
@theme {
--color-languid-blue: #a4b7bd;
--color-languid-blue-50: #eef7fa;
--color-languid-blue-100: #e0eaed;
--color-languid-blue-200: #cad7db;
--color-languid-blue-300: #abbac0;
--color-languid-blue-400: #90a2a8;
--color-languid-blue-500: #768a90;
--color-languid-blue-600: #64757a;
--color-languid-blue-700: #505d62;
--color-languid-blue-800: #3a4447;
--color-languid-blue-900: #282f31;
--color-languid-blue-950: #161c1d;
}SCSS
$languid-blue: #a4b7bd;
$languid-blue-rgb: 164, 183, 189;
$languid-blue-light: mix(#fff, $languid-blue, 20%);
$languid-blue-dark: mix(#000, $languid-blue, 20%);
.element {
color: $languid-blue;
box-shadow: 0 0 0 2px rgba($languid-blue, 0.35);
}