Benannte Farbe · #ACB7B0
Cyprus Spring
Cyprus Spring ist #ACB7B0: rgb(172 183 176), hsl(142 7% 70%), oklch(0.769 0.016 158.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cyprus Spring color name →
#ACB7B0
oklch(0.769 0.016 158.1)
Farbumrechnungen
- HEX
- #acb7b0
- RGB
- rgb(172 183 176)
- HSL
- hsl(142 7% 70%)
- HWB
- hwb(142 67% 28%)
- OKLCH
- oklch(0.769 0.016 158.1)
- OKLab
- oklab(0.769 -0.015 0.006)
- CIE Lab
- lab(73.39 -4.97 2.18)
- LCH
- lch(73.39 5.42 156.3)
- CMYK
- cmyk(6% 0% 4% 28%)
Tints · Shades · Tones
Tints
- B4BEB8
- BCC5BF
- C4CCC7
- CDD3CF
- D5DAD7
- DDE2DF
- E6E9E7
- EEF0EF
- F6F8F7
Shades
- 959F99
- 7F8782
- 69706C
- 545A56
- 404542
- 2D312E
- 1B1E1C
- 0B0C0B
- 010201
Tones
- A8B1AB
- A3ACA6
- 9FA6A1
- 9AA19C
- 969B98
- 919693
- 8D908E
- 898B89
- 848585
Farbharmonien
Komplementär +180°
- ACB7B0
Cyprus Spring
- BBB0B7
≈ Down Dog
Analog -30° +30°
- ACB7B0
Cyprus Spring
- B1B6AB
≈ Mineral Grey
- A9B7B6
≈ Blue Arrow
Triadisch +120° +240°
- ACB7B0
Cyprus Spring
- B1B3BE
≈ Glistening Grey
- BDB1AD
≈ Mouse Trap
Geteilt komplementär +150° +210°
- ACB7B0
Cyprus Spring
- B6B1BC
≈ Dreamland
- BDB0B2
≈ Fairy Bubbles
Tetradisch +90° +180° +270°
- ACB7B0
Cyprus Spring
- ACB5BE
≈ Cloud Cover
- BBB0B7
≈ Down Dog
- BBB2A9
≈ Requisite Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.15:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--cyprus-spring: #acb7b0;
--cyprus-spring-rgb: 172 183 176;
--cyprus-spring-oklch: oklch(0.769 0.016 158.1);
}
.element {
color: var(--cyprus-spring);
background-color: hsl(142 7% 70%);
border-color: oklch(0.769 0.016 158.1);
}Tailwind CSS v4
@theme {
--color-cyprus-spring: #acb7b0;
--color-cyprus-spring-50: #f1f7f3;
--color-cyprus-spring-100: #e4e9e6;
--color-cyprus-spring-200: #cfd6d2;
--color-cyprus-spring-300: #b1bab5;
--color-cyprus-spring-400: #97a19b;
--color-cyprus-spring-500: #7e8982;
--color-cyprus-spring-600: #6b746e;
--color-cyprus-spring-700: #555d58;
--color-cyprus-spring-800: #3e4440;
--color-cyprus-spring-900: #2b2f2c;
--color-cyprus-spring-950: #181c19;
}SCSS
$cyprus-spring: #acb7b0;
$cyprus-spring-rgb: 172, 183, 176;
$cyprus-spring-light: mix(#fff, $cyprus-spring, 20%);
$cyprus-spring-dark: mix(#000, $cyprus-spring, 20%);
.element {
color: $cyprus-spring;
box-shadow: 0 0 0 2px rgba($cyprus-spring, 0.35);
}