Benannte Farbe · #A7B3B7
Yreka!
Yreka! ist #A7B3B7: rgb(167 179 183), hsl(195 10% 69%), oklch(0.759 0.015 219.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Yreka! color name →
#A7B3B7
oklch(0.759 0.015 219.7)
Farbumrechnungen
- HEX
- #a7b3b7
- RGB
- rgb(167 179 183)
- HSL
- hsl(195 10% 69%)
- HWB
- hwb(195 65% 28%)
- OKLCH
- oklch(0.759 0.015 219.7)
- OKLab
- oklab(0.759 -0.011 -0.009)
- CIE Lab
- lab(72.08 -3.73 -3.56)
- LCH
- lch(72.08 5.16 223.7)
- CMYK
- cmyk(9% 2% 0% 28%)
Tints · Shades · Tones
Tints
- B0BABE
- B8C2C5
- C1C9CC
- C9D1D3
- D2D8DA
- DBE0E2
- E4E8E9
- EDEFF0
- F6F7F8
Shades
- 919B9F
- 7B8487
- 666E70
- 52585A
- 3E4345
- 2C2F31
- 1A1D1E
- 0A0C0C
- 010102
Tones
- A3AEB1
- 9FA9AC
- 9BA3A6
- 979EA1
- 93999B
- 8F9496
- 8C8F90
- 888A8B
- 848585
Farbharmonien
Komplementär +180°
- A7B3B7
Yreka!
- B9AEAA
≈ Taupedo
Analog -30° +30°
- A7B3B7
Yreka!
- A7B4B2
≈ Flint Smoke
- AAB2BA
≈ Shaved Ice
Triadisch +120° +240°
- A7B3B7
Yreka!
- B7ADB4
≈ Madame Mauve
- B3B1A7
≈ Allegory
Geteilt komplementär +150° +210°
- A7B3B7
Yreka!
- BAADAE
≈ Heather Bay
- B7AFA7
≈ Mercurial
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.77:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--yreka: #a7b3b7;
--yreka-rgb: 167 179 183;
--yreka-oklch: oklch(0.759 0.015 219.7);
}
.element {
color: var(--yreka);
background-color: hsl(195 10% 69%);
border-color: oklch(0.759 0.015 219.7);
}Tailwind CSS v4
@theme {
--color-yreka: #a7b3b7;
--color-yreka-50: #f1f6f8;
--color-yreka-100: #e3e9eb;
--color-yreka-200: #ced6d9;
--color-yreka-300: #b0b9bd;
--color-yreka-400: #95a1a4;
--color-yreka-500: #7c898d;
--color-yreka-600: #697477;
--color-yreka-700: #545c5f;
--color-yreka-800: #3d4446;
--color-yreka-900: #2a2f30;
--color-yreka-950: #171b1c;
}SCSS
$yreka: #a7b3b7;
$yreka-rgb: 167, 179, 183;
$yreka-light: mix(#fff, $yreka, 20%);
$yreka-dark: mix(#000, $yreka, 20%);
.element {
color: $yreka;
box-shadow: 0 0 0 2px rgba($yreka, 0.35);
}