Color con nombre · #A1BFAB
Spring Reflection
Spring Reflection es #A1BFAB: rgb(161 191 171), hsl(140 19% 69%), oklch(0.777 0.043 156.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Spring Reflection color name →
#A1BFAB
oklch(0.777 0.043 156.1)
Conversiones de color
- HEX
- #a1bfab
- RGB
- rgb(161 191 171)
- HSL
- hsl(140 19% 69%)
- HWB
- hwb(140 63% 25%)
- OKLCH
- oklch(0.777 0.043 156.1)
- OKLab
- oklab(0.777 -0.039 0.017)
- CIE Lab
- lab(74.67 -13.5 6.57)
- LCH
- lch(74.67 15.01 154)
- CMYK
- cmyk(16% 0% 10% 25%)
Tintes · Sombras · Tonos
Tintes
- AAC5B3
- B3CCBB
- BDD2C4
- C6D8CC
- CFDFD4
- D9E5DD
- E2ECE5
- ECF2EE
- F5F8F6
Sombras
- 8BA694
- 768D7E
- 627568
- 4E5E54
- 3C4840
- 2A332D
- 191F1B
- 090D0B
- 010201
Tonos
- 9EB9A7
- 9BB2A2
- 97AC9E
- 94A59A
- 919F95
- 8D9991
- 8A928D
- 878C88
- 838684
Armonías de color
Complementario +180°
- A1BFAB
Spring Reflection
- C9ACC1
≈ Winsome Orchid
Análogo -30° +30°
- A1BFAB
Spring Reflection
- AFBC9E
≈ Pale Sage
- 98C0BA
≈ Envisage
Triádico +120° +240°
- A1BFAB
Spring Reflection
- AEB5D2
≈ Lilac Sachet
- D0ADA4
≈ Rose Smoke
Complementario dividido +150° +210°
- A1BFAB
Spring Reflection
- BDB0CD
≈ Pastel Lilac
- D0ABB2
≈ Sugarplum Dance
Tetrádico +90° +180° +270°
- A1BFAB
Spring Reflection
- A1BAD1
≈ Blue Horror
- C9ACC1
≈ Winsome Orchid
- CAB19A
≈ Practical Beige
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.55:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
CSS
:root {
--spring-reflection: #a1bfab;
--spring-reflection-rgb: 161 191 171;
--spring-reflection-oklch: oklch(0.777 0.043 156.1);
}
.element {
color: var(--spring-reflection);
background-color: hsl(140 19% 69%);
border-color: oklch(0.777 0.043 156.1);
}Tailwind CSS v4
@theme {
--color-spring-reflection: #a1bfab;
--color-spring-reflection-50: #ecf9f0;
--color-spring-reflection-100: #ddede2;
--color-spring-reflection-200: #c6dacd;
--color-spring-reflection-300: #a6beaf;
--color-spring-reflection-400: #8ba694;
--color-spring-reflection-500: #6f8f7a;
--color-spring-reflection-600: #5f7968;
--color-spring-reflection-700: #4b6153;
--color-spring-reflection-800: #37473c;
--color-spring-reflection-900: #263129;
--color-spring-reflection-950: #141d17;
}SCSS
$spring-reflection: #a1bfab;
$spring-reflection-rgb: 161, 191, 171;
$spring-reflection-light: mix(#fff, $spring-reflection, 20%);
$spring-reflection-dark: mix(#000, $spring-reflection, 20%);
.element {
color: $spring-reflection;
box-shadow: 0 0 0 2px rgba($spring-reflection, 0.35);
}