Benannte Farbe · #A5B4C6
Posey Blue
Posey Blue ist #A5B4C6: rgb(165 180 198), hsl(213 22% 71%), oklch(0.764 0.031 253). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Posey Blue color name →
#A5B4C6
oklch(0.764 0.031 253)
Farbumrechnungen
- HEX
- #a5b4c6
- RGB
- rgb(165 180 198)
- HSL
- hsl(213 22% 71%)
- HWB
- hwb(213 65% 22%)
- OKLCH
- oklch(0.764 0.031 253)
- OKLab
- oklab(0.764 -0.009 -0.029)
- CIE Lab
- lab(72.57 -2.56 -11.04)
- LCH
- lch(72.57 11.33 256.9)
- CMYK
- cmyk(17% 9% 0% 22%)
Tints · Shades · Tones
Tints
- AEBBCC
- B6C3D1
- BFCAD7
- C8D1DD
- D1D9E2
- DAE0E8
- E3E8EE
- EDF0F3
- F6F7F9
Shades
- 8F9CAC
- 798592
- 656E7A
- 515862
- 3D444B
- 2B3035
- 1A1D21
- 0A0C0E
- 010202
Tones
- A1AFBF
- 9EA9B8
- 9AA4B1
- 969FA9
- 929AA2
- 8F949B
- 8B8F95
- 878A8E
- 848587
Farbharmonien
Komplementär +180°
- A5B4C6
Posey Blue
- BFB09D
≈ Timber Dust
Analog -30° +30°
- A5B4C6
Posey Blue
- 9EB7C1
≈ Shallow Sea
- AFB0C6
≈ Noble Purple
Triadisch +120° +240°
- A5B4C6
Posey Blue
- C5ABAD
≈ Pale Lychee
- ABB7A3
≈ Laurel Mist
Geteilt komplementär +150° +210°
- A5B4C6
Posey Blue
- C4ADA3
≈ Glamorous Taupe
- B6B49D
≈ Turtle Trail
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.11:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.94:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--posey-blue: #a5b4c6;
--posey-blue-rgb: 165 180 198;
--posey-blue-oklch: oklch(0.764 0.031 253);
}
.element {
color: var(--posey-blue);
background-color: hsl(213 22% 71%);
border-color: oklch(0.764 0.031 253);
}Tailwind CSS v4
@theme {
--color-posey-blue: #a5b4c6;
--color-posey-blue-50: #eff6fe;
--color-posey-blue-100: #e1e9f2;
--color-posey-blue-200: #ccd5e2;
--color-posey-blue-300: #adb9c7;
--color-posey-blue-400: #92a0b1;
--color-posey-blue-500: #78889b;
--color-posey-blue-600: #667383;
--color-posey-blue-700: #515c69;
--color-posey-blue-800: #3b434d;
--color-posey-blue-900: #282e35;
--color-posey-blue-950: #161b21;
}SCSS
$posey-blue: #a5b4c6;
$posey-blue-rgb: 165, 180, 198;
$posey-blue-light: mix(#fff, $posey-blue, 20%);
$posey-blue-dark: mix(#000, $posey-blue, 20%);
.element {
color: $posey-blue;
box-shadow: 0 0 0 2px rgba($posey-blue, 0.35);
}