Benannte Farbe · #BBBBA4
Restful
Restful ist #BBBBA4: rgb(187 187 164), hsl(60 14% 69%), oklch(0.786 0.032 107.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Restful color name →
#BBBBA4
oklch(0.786 0.032 107.1)
Farbumrechnungen
- HEX
- #bbbba4
- RGB
- rgb(187 187 164)
- HSL
- hsl(60 14% 69%)
- HWB
- hwb(60 64% 27%)
- OKLCH
- oklch(0.786 0.032 107.1)
- OKLab
- oklab(0.786 -0.009 0.03)
- CIE Lab
- lab(75.41 -2.98 11.71)
- LCH
- lch(75.41 12.08 104.3)
- CMYK
- cmyk(0% 0% 12% 27%)
Tints · Shades · Tones
Tints
- C2C2AD
- C8C8B6
- CFCFBF
- D6D6C8
- DCDDD1
- E3E3DA
- EAEAE3
- F1F1EC
- F8F8F6
Shades
- A2A28E
- 8A8A79
- 737364
- 5C5C50
- 46463D
- 32322B
- 1F1F1A
- 0D0D0A
- 020201
Tones
- B5B5A0
- AFAF9D
- A9A999
- A3A396
- 9D9D92
- 97978E
- 91918B
- 8B8B87
- 868684
Farbharmonien
Komplementär +180°
- BBBBA4
Restful
- B7B7CD
≈ Madder Blue
Analog -30° +30°
- BBBBA4
Restful
- C5B7A3
≈ Loggia
- B0BEAB
≈ Unroasted Coffee
Triadisch +120° +240°
- BBBBA4
Restful
- A5BEC9
≈ Juliet Blue
- C9B1BD
≈ Maverick
Geteilt komplementär +150° +210°
- BBBBA4
Restful
- ADBACE
≈ Sailor Boy
- C2B3C7
≈ Really Romantic
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.95:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.75:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--restful: #bbbba4;
--restful-rgb: 187 187 164;
--restful-oklch: oklch(0.786 0.032 107.1);
}
.element {
color: var(--restful);
background-color: hsl(60 14% 69%);
border-color: oklch(0.786 0.032 107.1);
}Tailwind CSS v4
@theme {
--color-restful: #bbbba4;
--color-restful-50: #f5f6ec;
--color-restful-100: #e8e9dd;
--color-restful-200: #d5d6c6;
--color-restful-300: #b8b9a7;
--color-restful-400: #a0a08b;
--color-restful-500: #888870;
--color-restful-600: #73735f;
--color-restful-700: #5c5c4c;
--color-restful-800: #444337;
--color-restful-900: #2f2e25;
--color-restful-950: #1b1b14;
}SCSS
$restful: #bbbba4;
$restful-rgb: 187, 187, 164;
$restful-light: mix(#fff, $restful, 20%);
$restful-dark: mix(#000, $restful, 20%);
.element {
color: $restful;
box-shadow: 0 0 0 2px rgba($restful, 0.35);
}