Benannte Farbe · #A8B5BC
Intercoastal Grey
Intercoastal Grey ist #A8B5BC: rgb(168 181 188), hsl(201 13% 70%), oklch(0.765 0.018 231). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Intercoastal Grey color name →
#A8B5BC
oklch(0.765 0.018 231)
Farbumrechnungen
- HEX
- #a8b5bc
- RGB
- rgb(168 181 188)
- HSL
- hsl(201 13% 70%)
- HWB
- hwb(201 66% 26%)
- OKLCH
- oklch(0.765 0.018 231)
- OKLab
- oklab(0.765 -0.011 -0.014)
- CIE Lab
- lab(72.82 -3.62 -5.2)
- LCH
- lch(72.82 6.34 235.2)
- CMYK
- cmyk(11% 4% 0% 26%)
Tints · Shades · Tones
Tints
- B0BCC3
- B9C3C9
- C1CBD0
- CAD2D6
- D3D9DD
- DBE1E4
- E4E8EB
- EDF0F1
- F6F7F8
Shades
- 929DA3
- 7C868B
- 676F73
- 52595D
- 3F4447
- 2C3032
- 1A1D1F
- 0A0C0D
- 010202
Tones
- A4B0B6
- A0AAB0
- 9CA5AA
- 989FA4
- 949A9E
- 909598
- 8C9092
- 888A8C
- 848586
Farbharmonien
Komplementär +180°
- A8B5BC
Intercoastal Grey
- BCB0A9
≈ London Coach
Analog -30° +30°
- A8B5BC
Intercoastal Grey
- A6B6B7
≈ Blue Arrow
- ACB3BE
≈ Chivalrous
Triadisch +120° +240°
- A8B5BC
Intercoastal Grey
- BCAEB4
≈ Castle Mist
- B3B4A7
≈ Rigani
Geteilt komplementär +150° +210°
- A8B5BC
Intercoastal Grey
- BEAFAE
≈ Fairy Bubbles
- B8B2A6
≈ Rushmore Grey
Tetradisch +90° +180° +270°
- A8B5BC
Intercoastal Grey
- B8AFBA
≈ Down Dog
- BCB0A9
≈ London Coach
- ADB6AB
≈ Blue Fescue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.00:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--intercoastal-grey: #a8b5bc;
--intercoastal-grey-rgb: 168 181 188;
--intercoastal-grey-oklch: oklch(0.765 0.018 231);
}
.element {
color: var(--intercoastal-grey);
background-color: hsl(201 13% 70%);
border-color: oklch(0.765 0.018 231);
}Tailwind CSS v4
@theme {
--color-intercoastal-grey: #a8b5bc;
--color-intercoastal-grey-50: #f0f6f9;
--color-intercoastal-grey-100: #e2e9ed;
--color-intercoastal-grey-200: #cdd6db;
--color-intercoastal-grey-300: #afb9bf;
--color-intercoastal-grey-400: #94a1a7;
--color-intercoastal-grey-500: #7b8990;
--color-intercoastal-grey-600: #68747a;
--color-intercoastal-grey-700: #535c61;
--color-intercoastal-grey-800: #3c4447;
--color-intercoastal-grey-900: #292f31;
--color-intercoastal-grey-950: #171b1d;
}SCSS
$intercoastal-grey: #a8b5bc;
$intercoastal-grey-rgb: 168, 181, 188;
$intercoastal-grey-light: mix(#fff, $intercoastal-grey, 20%);
$intercoastal-grey-dark: mix(#000, $intercoastal-grey, 20%);
.element {
color: $intercoastal-grey;
box-shadow: 0 0 0 2px rgba($intercoastal-grey, 0.35);
}